首页 > 其他 > 详细

<fieldset>和<legend>标签的使用

时间:2016-03-23 06:43:39      阅读:206      评论:0      收藏:0      [点我收藏+]

<fieldset>可以将form中的各种不同的表单域进行分组,并默认使用边框将不同的fieldset围起来。而<legend>就是显示在边框上的各个组的名称。下面是代码和效果图,一看就明白了。

<form id=‘info‘>
  <fieldset id=‘productInfo‘>
    <legend>产品信息</legend>
    名称:<input type="text" />
    <br/>
    数量:<input type="text" />
  </fieldset>
  <fieldset id=‘customerInfo‘>
    <legend>客户信息</legend>
    姓名:<input type="text" />
    <br/>
    住址:<input type="text" />
  </fieldset>
</form>

技术分享

本文出自 “銅鑼衛門” 博客,请务必保留此出处http://jaeger.blog.51cto.com/11064196/1754065

<fieldset>和<legend>标签的使用

原文:http://jaeger.blog.51cto.com/11064196/1754065

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