HTML fieldset标记 HTMLfieldset标记|HTML5

本文概述

属性
支持的浏览器

HTML < fieldset> 标记用于对HTML表单中包含的逻辑相关字段/标签进行分组。
创建HTML表单时, 此标记的使用是可选的, 但使用< filedset> 时, 很容易理解表单的分组元素的用途。
< legend> 标记与< fieldset> 元素一起用作第一个子项, 以定义分组的相关字段的标题。
句法

< fieldset> .....< /fieldset>

以下是有关HTML < fieldset> 标记的一些规范

Display	Block
开始日期/结束日期	开始和结束标签
Usage	Structural (Within HTML Form)

例子1

< !DOCTYPE html> < html> < head> < title> fieldset Tag< /title> < style> p{color: #db7093; margin-left: 440px; font-size: 40px; font-weight: bold; } form{color: white; width: 600px; height: 300px; margin: auto; margin-top: 30px; } div{ background-color: #28455e; }.tx{ margin-left: 20px; }< /style> < /head> < body> < h1> Example of fieldset Tag< /h1> < p> User Feedback Form< /p> < div> < form class="wd"> < fieldset class="wd"> < legend> User basic information:< /legend> < label> First Name< /label> < br> < input type="text" name="fname"> < br> < label> Last Name< /label> < br> < input type="text" name="lname"> < br> < label> Enter Email< /label> < br> < input type="email" name="email"> < br> < br> < /fieldset> < br> < label class="tx"> Enter your feedback:< /label> < br> < textarea class="tx" cols="30"> < /textarea> < br> < br> < inputclass="tx" type="Submit"> < br> < /form> < /div> < /body> < /html>

立即测试
输出：

文章图片
属性 = HTML5的新功能。
特定于标签的属性

属性	值	描述
disabled	disabled	它指定禁用fieldset元素内的所有表单控件。
form	form_id	它指定字段集控件所属的一种或多种形式。
name	text	它指定与字段集关联的名称。它不会在浏览器中显示, 并且对JS有用。