HTML DOM 입력 제출 이름 속성은 제출 버튼의 이름 속성을 설정하거나 반환하는 데 사용됩니다. name 속성은 양식 데이터가 서버에 제출된 후 식별하는 데 도움이 됩니다.
구문
다음은 −
의 구문입니다.이름 속성 설정 -
submitObject.name = name
여기서 name은 submit 버튼의 이름을 지정하기 위한 것입니다.
예시
제출 이름 속성에 대한 예를 살펴보겠습니다. −
<!DOCTYPE html>
<html>
<body>
<h1>Input submit name Property</h1>
<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Loc"> <br><br>
<input type="submit" id="SUBMIT1" name="BTN1">
</form>
<p>Change the name of the above submit button by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("SUBMIT1").name ="SUB_BTN" ;
document.getElementById("Sample").innerHTML = "Submit Button name is now SUB_BTN";
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
이름 변경 버튼을 클릭하면 -
