HTML <input> แอตทริบิวต์ตัวยึดตำแหน่ง
ตัวอย่าง
ช่องใส่โทรศัพท์ที่มีข้อความที่พัก:
<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>
ความหมายและการใช้งาน
แอตทริบิวต์placeholder
ระบุคำใบ้สั้นๆ ที่อธิบายค่าที่คาดหวังของช่องใส่ข้อมูล (เช่น ค่าตัวอย่าง หรือคำอธิบายสั้นๆ ของรูปแบบที่คาดไว้)
คำใบ้สั้นๆ จะแสดงในช่องป้อนข้อมูลก่อนที่ผู้ใช้จะป้อนค่า
หมายเหตุ:แอตทริบิวต์placeholder
ใช้งานได้กับประเภทการป้อนข้อมูลต่อไปนี้: ข้อความ ค้นหา url โทรศัพท์ อีเมล และรหัสผ่าน
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่
Attribute | |||||
---|---|---|---|---|---|
placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
ไวยากรณ์
<input placeholder="text">
ค่าแอตทริบิวต์
Value | Description |
---|---|
text | Specifies a short hint that describes the expected value of the input field |
❮ แท็ก HTML <input>