Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML DOM Input ค้นหาคุณสมบัติตัวยึดตำแหน่ง


คุณสมบัติตัวยึดตำแหน่ง HTML DOM Input Search ใช้สำหรับการตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ placeholder ของช่องค้นหาอินพุต คุณสมบัติตัวยึดตำแหน่งใช้สำหรับให้คำแนะนำแก่ผู้ใช้หน้าเว็บเกี่ยวกับองค์ประกอบการป้อนข้อมูลโดยการแสดงข้อความภายในช่องใส่ก่อนที่ผู้ใช้จะป้อนข้อมูลใดๆ ข้อความตัวยึดตำแหน่งจะเป็นสีเทาโดยค่าเริ่มต้นและจะไม่ถูกส่งไปยังแบบฟอร์มซึ่งแตกต่างจากคุณสมบัติของค่า

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติตัวยึดตำแหน่ง -

searchObject.placeholder = text

ในที่นี้ ข้อความแสดงถึงข้อความตัวแทนที่ระบุคำใบ้สำหรับผู้ใช้เกี่ยวกับช่องค้นหา

ตัวอย่าง

ให้เราดูตัวอย่างของคุณสมบัติตัวยึดตำแหน่งการค้นหาอินพุต -

<!DOCTYPE html>
<html>
<body>
<h1>earch placeholder property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Change the placeholder text of the above field by clicking the below button</p>
<button onclick="changeHolder()">CHANGE</button>
<script>
   function changeHolder() {
      document.getElementById("SEARCH1").placeholder = "Search for the fruits here..";
   }
</script>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM Input ค้นหาคุณสมบัติตัวยึดตำแหน่ง

เมื่อคลิกปุ่ม CHANGE -

HTML DOM Input ค้นหาคุณสมบัติตัวยึดตำแหน่ง