คุณสมบัติชื่อส่งอินพุต HTML DOM ใช้สำหรับการตั้งค่าหรือส่งคืนแอตทริบิวต์ชื่อของปุ่มส่ง แอตทริบิวต์ชื่อช่วยในการระบุข้อมูลแบบฟอร์มหลังจากที่ถูกส่งไปยังเซิร์ฟเวอร์แล้ว
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติชื่อ -
submitObject.name = name
ในที่นี้ ชื่อสำหรับระบุชื่อปุ่มส่ง
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติชื่อส่ง -
<!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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม CHANGE NAME -
