<fieldset > 标签是 html5 中的新标签, 用于在表单中创建一组相关元素, 并在元素上创建框. 下面本篇文章就来给大家介绍一下 < fieldset > 标签的使用, 希望对大家有所帮助.
<fieldset> 标签将表单内容的一部分打包, 生成一组相关表单的字段. 当一组表单元素放到 <fieldset> 标签内时, 浏览器会以特殊方式来显示它们, 它们可能有特殊的边界, 3D 效果, 或者甚至可创建一个子表单来处理这些元素.
语法:
<fieldset> 内容... </fieldset>
属性:
● disabled: 指定应禁用相关表单元素组.
● form: 指定 fieldset 所属的一个或多个表单.
● name: 指定 fieldset 的名称.
示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <form>
- <fieldset style="width: 240px;">
- <legend>
- 健康信息
- </legend>
- 身高:
- <input type="text" />
- <br />
- 体重:
- <input type="text" />
- </fieldset>
- <br />
- <fieldset style="width: 260px;">
- <legend>
- 联系方式
- </legend>
- 姓 名:
- <input type="text" />
- <br />
- 手机号码:
- <input type="tel" />
- </fieldset>
- </form>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/html5/10512.html