คุณสมบัติ name ของ HTML DOM Input Submit ใช้สำหรับตั้งค่าหรือส่งคืนแอตทริบิวต์ name ของปุ่ม submit แอตทริบิวต์ name ช่วยในการระบุข้อมูลฟอร์มหลังจากส่งไปยังเซิร์ฟเวอร์แล้ว
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ name:
submitObject.name = name
ที่นี่ name ใช้สำหรับระบุชื่อของปุ่ม submit
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ 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>เปลี่ยนชื่อของปุ่ม submit ด้านบนโดยคลิกปุ่มด้านล่าง</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:
