使用<fieldset>
元素和<legend>
元素可以在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>
</fieldset>
</form>
在上面的示例中,<fieldset>
元素定义了一个名为“联系信息”的组,并在组中包含了三个表单控件:姓名、电子邮件和留言。<legend>
元素为这个组提供了标题。
使用<fieldset>
和<legend>
元素可以使表单更具可读性和易用性,避免表单控件的混乱和不必要的重复。