<fieldset>
<legend>表单标题</legend>
<!-- 表单元素放在这里 -->
</fieldset>
在这个例子中,<legend> 标签用于定义 <fieldset> 元素的标题。这对于提供表单结构的可读性和可访问性非常有用。
示例:
<form>
<fieldset>
<legend>个人信息</legend>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email"><br><br>
</fieldset>
</form>
在这个例子中,<fieldset> 用于包含两个表单元素(姓名和电子邮件),而 <legend> 用于定义这个字段集的标题,即“个人信息”。
这样的结构不仅可以通过样式提供外观上的组织,而且在辅助技术中,如屏幕阅读器,也能够更好地表达表单的结构。
转载请注明出处:http://www.zyzy.cn/article/detail/3743/HTML5