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

Posted 2020-06-27

<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