<fieldset> 是 HTML 中用于创建一个包含相关表单元素的组合框架的标签。它可用于将一组相关的表单控件(如输入字段、按钮、复选框等)分组在一起,以便更好地组织和标记这些控件。
<fieldset> 元素通常与 <legend> 元素一起使用,后者用于为 <fieldset> 提供一个描述性标题。
下面土嘎嘎小编分享一个示例,展示了如何使用 <fieldset> 和 <legend> 创建一个表单组:
〓〓html代码如下:〓〓
<form>
<fieldset>
<legend>联系信息</legend>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br>
<button type="submit">提交</button>
</fieldset>
</form>
在上面给出的示例中, <fieldset> 将包裹着一组表单元素,这些元素共同构成了联系信息的表单部分。 <legend> 提供了关于该字段集的描述性标题("联系信息")。
使用 <fieldset> 可以提高表单的可读性和可访问性,同时也可以应用样式以改变其外观。