คุณสมบัติ name ของ HTML DOM Input Search ใช้สำหรับตั้งค่าหรือส่งคืนแอตทริบิวต์ name ของปุ่มรีเซ็ต แอตทริบิวต์ name ช่วยในการระบุข้อมูลฟอร์มหลังจากส่งไปยังเซิร์ฟเวอร์แล้ว JavaScript สามารถใช้แอตทริบิวต์ name เพื่ออ้างอิงองค์ประกอบฟอร์มเพื่อจัดการภายหลังได้อีกด้วย
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ name:
searchObject.name = name
ที่นี่ name ใช้สำหรับระบุชื่อของช่องค้นหา
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ name ของ Search:
<!DOCTYPE html> <html> <body> <h1>Input search name Property</h1> <form> FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> </form> <p>เปลี่ยนชื่อของช่องค้นหาด้านบนโดยคลิกปุ่มด้านล่าง</p> <button type="button" onclick="changeName()">CHANGE NAME</button> <p id="Sample"></p> <script> function changeName() { document.getElementById("SEARCH1").name ="SEARCH_2 ; document.getElementById("Sample").innerHTML = "Search field name is now SEARCH_2"; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม CHANGE NAME:
