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