以下是一个简单的使用 <fieldset> 和 <legend> 的例子:
<!DOCTYPE html>
<html>
<head>
<title>Fieldset和Legend示例</title>
</head>
<body>
<form>
<fieldset>
<legend>联系信息</legend>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required>
<br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required>
</fieldset>
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
在这个例子中,<fieldset> 元素用于将两个表单字段分组在一起,<legend> 标签则提供了这个分组的标题,即“联系信息”。
使用 <fieldset> 和 <legend> 有助于组织表单的结构,提高可访问性,并让用户更容易理解表单的不同部分。<fieldset> 可以包含多个表单元素,并且可以嵌套使用,以便更细致地组织表单。
转载请注明出处:http://www.zyzy.cn/article/detail/3870/HTML