HTML图片热点，表单

---恢复内容开始---

表单

<body>
<form><!--包含 -->
文本框<input type="text" value="123" /><br />
密码框<input type="password" /><br />
文本域<textarea cols="40" rows="5"></textarea><br />

<!-- disabled="disabled"设置不可用 -->

<input type="submit" value="提交"/><br />

<input type="reset" value="重置"/><br /><!--恢复所有默认值 -->

<input type="button" value="登录"/><br />

<input type="image" src="../../素材/33 (2).ico" width="50"/> <br />

<input type="radio" name="sex"/>男<br />
<!--name默认单选一个 -->
<input type="radio" name="sex"/>女<br />

<input type="checkbox" checked="checked" disabled="disabled"/>鸡腿<br />
<!--checked="checked"默认选择 不可取消 -->
<input type="checkbox"/>爆米花<br />
<input type="checkbox"/>可乐<br />
<input type="file"/><br />

<!--下拉列表 -->
<select size="1">
<option>可口可乐</option>
<option>百事可乐</option>
<option selected="selected">崂山可乐</option>
<!--selected="selected"默认第一个选择的 -->
</form>

View Code

图片热点

<body>
<img src="../../素材/3b292df5e0fe99251056b71136a85edf8db1711d.jpg" usemap="map" />
<map name="map">
<area shape="circle" coords="181,434,113" href="http://www.baidu.com" />
<area shape="rect" coords="343,252,474,419" href="http://www.360.com" />
</map><br />
<div style="height:300px; width:400px; border:1px #F00 solid">

<!--规划一片区域，显示一个网页 -->
<iframe width="600px" height="300" src="个人简历.html" frameborder="1"></iframe>
</body>
</html>