HTML: <fieldset> form 属性

由网友 大卫 发布 阅读 6

HTML: <fieldset> form 属性

本文介绍HTML fieldset form 属性的使用方法,在线实例演示如何使用HTML fieldset form 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML <fieldset> 标签

在线示例

位于表单外部(但仍是表单的一部分)的<fieldset>元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <fieldset> form 属性使用-大卫编程网(div.cn)</title>
</head>
<body>
<form action="action_page.php" method="get" id="form1">
什么是你最喜欢的颜色? <input type="text" name="fav_color"><br>
<input type="submit">
</form>
<p>下面的字段集在表单之外,但仍然是表单的一部分.</p>
<fieldset form="form1">
  <legend>Personalia:</legend>
  Name: <input type="text" name="username"><br>
  Email: <input type="text" name="usermail"><br>
</fieldset>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

目前,只有 Opera 支持 form 属性。

定义和用法

form 属性规定 fieldset 所属的一个或多个表单。

HTML 4.01 与 HTML5之间的差异

form 属性是 HTML5 中的新属性。

语法

<fieldset form="form_id">

属性值

描述
form_id规定 fieldset 所属的一个或多个表单 id 的空格分隔列表。
 HTML <fieldset> 标签

HTML: <fieldset> name 属性 HTML: <fieldset> disabled 属性