3月20,html

html,表格的练习:

1,给图片做链接<br />
<img src="200712211720988_2.jpg" usemap="A" width="200" border="0" /> //定义图片,命名
<map name="A">                                                                                             //引用图片
<area shape="circle" coords="35,73,22" href="http://www.baidu.com" />               //超链接
<area shape="rect" coords="137,95,194,132" href="http://www.360.com" />

</map>

表单
<br />

1,文本输入。<br />
文本框:<input type="text" value=""/><br />
<br />
密码框:<input type="password" /><br />
<br />
文本域:<textarea cols="50" rows="4" ></textarea>
</form><br />
<br />

2,按钮输入。<br />
提交后回复默认值:<input type="submit" value="提交"/><br />
重置按钮:<input type="reset" value="重置"/><br />
普通按钮:<input type="button" /><br />
图片按钮:<input type="image" src="200712211720988_2.jpg" width="20"/><br />

3,选择输入。<br />
<input type="radio" name="B" />男<br />                          //可以不用标签
<input type="radio" name="B" />女<br />

4,复选框。<br />
<input type="checkbox" /><label>苹果</label><br />     
<input type="checkbox" /><label>香蕉</label><br />
<input type="checkbox" /><label>橙子</label><br />

5,下拉表格<br />
<select>
<option>苹果</option>
<option>香蕉</option>
<option>橙子</option>
</select>

原文地址:https://www.cnblogs.com/wanlibingfeng/p/5301239.html