<fieldset>，<legend>

<fieldset>标签是一个块级容器标签，表示控件的集合，用于将一组相关控件组合成一组。

  1. <form>
  2.   <fieldset>
  3.     <p>年龄：<input type="text" name="age"></p>
  4.     <p>性别：<input type="text" name="gender"></p>
  5.   </fieldset>
  6. </form>

上面代码中，两个输入框是一组，它们的外面会显示一个方框。

<fieldset>有以下属性。

  • disabled：布尔属性，一旦设置会使得<fieldset>内部包含的控件都不可用，都变成灰色状态。
  • form：指定控件组所属的<form>，它的值等于<form>的id属性。
  • name：该控件组的名称。

<legend>标签用来设置<fieldset>控件组的标题，通常是<fieldset>内部的第一个元素，会嵌入显示在控件组的上边框里面。

  1. <fieldset>
  2.   <legend>学生情况登记</legend>
  3.   <p>年龄：<input type="text" name="age"></p>
  4.   <p>性别：<input type="text" name="gender"></p>
  5. </fieldset>

上面代码中，这个控件组的标题会，嵌入显示在<fieldset>的上边框。