แอตทริบิวต์ตัวยึดตำแหน่ง HTML
ความหมายและการใช้งาน
แอตทริบิวต์placeholderระบุคำใบ้สั้น ๆ ที่อธิบายค่าที่คาดหวังของช่องใส่ / textarea
คำใบ้สั้นๆ จะแสดงในช่องก่อนที่ผู้ใช้จะป้อนค่า
นำไปใช้กับ
สามารถใช้ แอตทริบิวต์placeholderกับองค์ประกอบต่อไปนี้:
| องค์ประกอบ | คุณลักษณะ |
|---|---|
| <input> | ตัวยึดตำแหน่ง |
| <textarea> | ตัวยึดตำแหน่ง |
ตัวอย่าง
ตัวอย่างอินพุต
ช่องป้อนข้อมูลสองช่องพร้อมข้อความที่พัก:
<form action="/action_page.php">
<label for="phone">Enter a phone
number:</label><br><br>
<input type="tel" id="phone" name="phone"
placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format: 123-45-678</small><br><br>
<input type="submit">
</form>
ตัวอย่างพื้นที่ข้อความ
พื้นที่ข้อความที่มีข้อความที่พัก:
<textarea placeholder="Describe yourself here..."></textarea>
รองรับเบราว์เซอร์
แอตทริบิวต์placeholderมีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:
| Element | |||||
|---|---|---|---|---|---|
| input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
| textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |