HTML DOM 입력 텍스트 이름 속성은 입력 텍스트 필드의 이름 속성을 설정하거나 반환하는 데 사용됩니다. name 속성은 양식 데이터가 서버에 제출된 후 양식 데이터를 식별하는 데 도움이 됩니다.
구문
다음은 −
의 구문입니다.이름 속성 설정 -
textObject.name = name
여기서 name은 텍스트 필드 이름을 지정하기 위한 것입니다.
예시
텍스트 이름 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text name Property</h1>
USERNAME: <input type="text" id="USR" name="user_name">
<p>Change the name of the text field by clicking the below button</p>
<button onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("USR").name ="NEW_USER" ;
document.getElementById("Sample").innerHTML = "Text field name is now NEW_USER";
}
</script>
</body>
</html> 출력
그러면 다음과 같은 출력이 생성됩니다. maxLength 5 −
를 설정했기 때문에 5자만 허용됩니다.
이름 변경 버튼을 클릭하면 -
