HTML DOM Fieldset 이름 속성

<시간/>

HTML DOM Fieldset name 속성은

요소의 name 속성 값을 가져오거나 설정하는 데 사용됩니다. name 속성은 양식이 제출된 후 양식 데이터를 식별하거나 단순히 양식 요소를 참조하는 데 도움이 됩니다.

구문

다음은 −

의 구문입니다.

필드셋 이름 속성 설정 -

fieldsetObject.name = name

여기서 name은 필드세트 이름을 지정합니다.

예시

Fieldset 이름 속성의 예를 살펴보겠습니다 -

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

출력

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

HTML DOM Fieldset 이름 속성

GET NAME 버튼 클릭 시 -

HTML DOM Fieldset 이름 속성

위의 예에서 -

우리는 먼저 폼 요소 내부에 이름이 "FS1"이고 ID가 "FieldSet1"인 필드셋을 생성했습니다 -

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

그런 다음 사용자가 클릭하면 fieldname() 메서드를 실행하는 GET NAME 버튼을 만들었습니다.

<button onclick="fieldName()">GET NAME</button>

fieldname() 메서드는 getElementById() 메서드를 사용하여 fieldset 요소를 가져옵니다. 그런 다음 이름 속성 값을 가져와 변수 필드에 할당합니다. 이 값은 id가 "Sample"인 단락에 표시되고 innerHTML 속성을 사용하여 여기에 텍스트를 할당합니다 -

function fieldName() {
   var field = document.getElementById("FieldSet1").name;
   document.getElementById("Sample").innerHTML = "The fieldset name is "+field;
}