首页 > Web开发 > 详细

3月20,html

时间:2016-03-21 11:56:25      阅读:176      评论:0      收藏:0      [点我收藏+]

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>

 

技术分享

 

3月20,html

原文:http://www.cnblogs.com/wanlibingfeng/p/5301239.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!