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>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM Fieldset 유형 속성

GET TYPE 버튼 클릭 시 -

HTML DOM Fieldset 유형 속성

위의 예에서 -

양식 요소 내부에 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>

그런 다음 사용자가 클릭하면 FieldType() 함수를 실행하는 "GET TYPE" 버튼을 만들었습니다.

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

FieldType() 메서드는 fieldset 유형 속성 값을 가져와 변수 필드에 할당합니다. 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;
}

입니다.