以下是 <fieldset> 和 <legend> 标签的基本用法：
<form>
<fieldset>
<legend>个人信息</legend>
<label for="firstName">姓氏：</label>
<input type="text" id="firstName" name="firstName">
<label for="lastName">名字：</label>
<input type="text" id="lastName" name="lastName">
</fieldset>
<fieldset>
<legend>联系方式</legend>
<label for="email">电子邮件：</label>
<input type="email" id="email" name="email">
<label for="phone">电话：</label>
<input type="tel" id="phone" name="phone">
</fieldset>
<input type="submit" value="提交">
</form>
在这个例子中，有两个 <fieldset> 元素，每个包含一组相关的表单元素。<legend> 元素用于为每个 <fieldset> 提供标题，以描述这组表单元素的目的。这样的结构使得表单更易于理解，特别是在有很多表单元素时。
<fieldset> 还可以用来设置一组表单元素的样式、边框等属性。此外，<fieldset> 元素还可以包含一个 <legend> 元素，该元素用于提供组的标题或说明。
<fieldset>
<legend>登录信息</legend>
<label for="username">用户名：</label>
<input type="text" id="username" name="username">
<label for="password">密码：</label>
<input type="password" id="password" name="password">
</fieldset>
总体而言，<fieldset> 和 <legend> 组合的使用有助于创建更具语义的表单结构，提高表单的可读性和可访问性。
转载请注明出处：http://www.zyzy.cn/article/detail/3729/HTML5