HTML fieldset标记

本文概述

属性
支持的浏览器

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>
	 <input  class="tx" type="Submit"><br>
  </form>
 </div>
</body>
</html>

立即测试

输出：

属性

= HTML5的新功能。

特定于标签的属性

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