ตัวอย่าง
สองช่องใส่มีข้อความตัวยึด:
<form action="demo_form.asp">
<input type="text" name="fname" placeholder="First
name"><br>
<input type="text" name="lname" placeholder="Last
name"><br>
<input type="submit" value="Submit">
</form>
ลองตัวเอง» ความหมายและการใช้งาน
placeholder แอตทริบิวต์ระบุคำแนะนำสั้น ๆ ที่อธิบายถึงค่าที่คาดหวังของช่องใส่ (เช่นค่าตัวอย่างหรือคำอธิบายสั้น ๆ รูปแบบที่คาดหวัง)
คำใบ้สั้นจะแสดงอยู่ในช่องใส่ก่อนที่ผู้ใช้ป้อนค่า
หมายเหตุ: placeholder แอตทริบิวต์ทำงานร่วมกับรูปแบบการใส่ต่อไปนี้: text, search, url, tel, email และ password
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่แอตทริบิวต์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
placeholder แอตทริบิวต์เป็นของใหม่ใน HTML5
วากยสัมพันธ์
<input placeholder="text">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| text | ระบุคำแนะนำสั้น ๆ ที่อธิบายถึงค่าที่คาดหวังของช่องใส่ |