HTML DOM Fieldset 类型属性

HTML DOM Fieldset 类型属性用于返回 fieldset 元素类型。对于 fieldset 元素，该属性始终为 fieldset 类型。它是一个只读属性。

语法

以下是 Fieldset 类型属性的语法 −

fieldsetObject.type

示例

我们来看一个 Fieldset 类型属性的示例 −

<!DOCTYPE html>
<html>
<head>
<script>
   function FieldType() {
      var field = document.getElementById("FieldSet1").type;
      document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
   }
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<fieldset id="FieldSet1">
<legend>User Data:</legend>
Name: <input type="text"><br>
Address: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
<br>
<button onclick="FieldType()">GET TYPE</button>
<p id="Sample"></p>
</body>
</html>

输出

这将产生以下输出 −

点击"获取类型"按钮 −

在上面的例子中 −

我们在表单元素中创建了一个 id 为 “FieldSet1” 的 fieldset 元素 −

<form id="FORM1"> <fieldset id="FieldSet1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form>

然后，我们创建了一个按钮"GET TYPE"，当用户点击该按钮时，它将执行 FieldType() 函数 −

<button onclick="FieldType()>>GET TYPE</button>

FieldType() 方法将获取 fieldset 类型属性值并将其赋值给变量 field。由于 fieldset 元素的类型始终为 fieldset，因此它将返回值 fieldset。然后使用 innerHTML 属性将此值显示在 id 为"Sample"的段落中 −

function FieldType() {
   var field = document.getElementById("FieldSet1").type;
   document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
}

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/