Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Gửi thuộc tính tên

Thuộc tính tên Gửi đầu vào HTML DOM được sử dụng để đặt hoặc trả lại thuộc tính tên của nút gửi. Thuộc tính name giúp xác định dữ liệu biểu mẫu sau khi nó đã được gửi đến máy chủ.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính tên -

submitObject.name = name

Ở đây, tên dùng để chỉ định tên nút gửi.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Tên gửi -

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

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Gửi thuộc tính tên

Khi nhấp vào nút THAY ĐỔI TÊN -

HTML DOM Input Gửi thuộc tính tên