HTML DOM 입력 검색 이름 속성은 재설정 버튼의 이름 속성을 설정하거나 반환하는 데 사용됩니다. name 속성은 양식 데이터가 서버에 제출된 후 식별하는 데 도움이 됩니다. JavaScript는 나중에 조작하기 위해 양식 요소를 참조하기 위해 name 속성을 사용할 수도 있습니다.
구문
다음은 −
의 구문입니다.이름 속성 설정 -
searchObject.name = name
여기서 name은 검색 필드 이름을 지정하기 위한 것입니다.
예시
검색 이름 속성의 예를 살펴보겠습니다 −
<!DOCTYPE html>
<html>
<body>
<h1>Input search name Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5">
</form>
<p>Change the name of the above search field by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("SEARCH1").name ="SEARCH_2 ;
document.getElementById("Sample").innerHTML = "Search field name is now SEARCH_2";
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
이름 변경 버튼을 클릭하면 -
