คุณสมบัติ name ของ HTML DOM Input Text ใช้สำหรับตั้งค่าหรือส่งคืนแอตทริบิวต์ name ของช่องข้อความ input แอตทริบิวต์ name ช่วยในการระบุข้อมูลฟอร์มหลังจากส่งไปยังเซิร์ฟเวอร์แล้ว
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ name:
textObject.name = name
ที่นี่ name ใช้สำหรับระบุชื่อของช่องข้อความ
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ name ของ text:
<!DOCTYPE html> <html> <body> <h1>Input Text name Property</h1> USERNAME: <input type="text" id="USR" name="user_name"> <p>เปลี่ยนชื่อของช่องข้อความโดยคลิกปุ่มด้านล่าง</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>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้ อนุญาตแค่ 5 ตัวอักษรเพราะเราตั้ง maxLength 5:
เมื่อคลิกปุ่ม CHANGE NAME:
