คุณสมบัติชื่อการค้นหาอินพุต HTML DOM ใช้สำหรับการตั้งค่าหรือส่งคืนแอตทริบิวต์ชื่อของปุ่มรีเซ็ต แอตทริบิวต์ชื่อช่วยในการระบุข้อมูลแบบฟอร์มหลังจากที่ถูกส่งไปยังเซิร์ฟเวอร์แล้ว JavaScript ยังใช้แอตทริบิวต์ชื่อเพื่ออ้างอิงองค์ประกอบของแบบฟอร์มเพื่อจัดการในภายหลังได้
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติชื่อ -
searchObject.name = name
ในที่นี้ ชื่อสำหรับระบุชื่อช่องค้นหา
ตัวอย่าง
ให้เราดูตัวอย่างของคุณสมบัติชื่อการค้นหา -
<!DOCTYPE html>
<html>
<body>
<h1>Input search name Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5">
</form>
<p>Change the name of the above search field by clicking the below button</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 -
