HTML DOM Fieldset 양식 속성

<시간/>

HTML DOM Fieldset 양식 속성은 형식 양식 개체의 양식 참조를 반환합니다. 이것은 주어진 양식 내부에 있는

요소를 위한 것입니다. 읽기 전용 속성입니다. 지정된 필드 세트가 양식 내부에 없으면 null이 반환됩니다.

구문

다음은 fieldset 양식 속성에 대한 구문입니다 -

fieldsetObject.form

예시

fieldset 양식 속성의 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<head>
<script>
   function formId() {
      var field = document.getElementById("FieldSet1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form in which fieldset
      element is present is "+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="formId()">GET ID</button>
<p id="Sample"></p>
</body>
</html>

출력

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

HTML DOM Fieldset 양식 속성

GET ID 버튼 클릭 시 -

HTML DOM Fieldset 양식 속성

위의 예에서 -

먼저 ID가 "FieldSet1" -

인

요소를 포함하는 ID가 "FORM1"인

요소를 생성했습니다.

<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>

그런 다음 사용자가 클릭할 때 formId() 함수를 실행하는 버튼 GET ID를 만들었습니다.

<button onclick="formId()">GET ID</button>

formId() 함수는 getElementById()를 사용하여 fieldset 요소를 가져온 다음 주어진 fieldset 요소가 있는 form id를 반환하는 form.id 속성을 가져옵니다. form.id 반환 값은 필드 변수에 할당됩니다. 그런 다음 변수는 "Sample"이라는 ID를 가진 단락에 표시되고 innerHTML 속성을 사용하여 의도한 텍스트를 할당합니다. -

function formId() {
   var field = document.getElementById("FieldSet1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form in which fieldset element is    present is "+field;
}