HTML <input> placeholder attribute

HTML <input> แบบ

Paglilinaw at Paggamit

placeholder Ang attribute ay nagtutukoy ng maikling babasahin na naglalarawan ng inaasahang halaga ng input field (halimbawa, sample na halaga o maikling paglalarawan ng inaasahang format).

Ang babasahin na ito ay magpapakita kapag ang input field ay walang laman, at ito ay mawawala kapag ang field ay nabigyan ng fokus.

Babala:placeholder Ang attribute ay gumagamit sa mga sumusunod na uri ng input:

  • text
  • search
  • url
  • tel
  • email
  • password

Mga halimbawa

May kasama ang placeholder text sa input field para sa telepono:

<form action="/action_page.php">
  <label for="phone">กรุณาใส่หมายเลขโทรศัพท์：</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>รูปแบบ：138-8888-8888</small><br><br>
  <input type="submit">
</form>

ทดลองด้วยตัวเอง

การใช้งาน

<input placeholder="text">

ค่าของคุณสมบัติ

ค่า คำอธิบาย
text กำหนดคำเตือนสั้นๆ สำหรับค่าที่คาดว่าจะใส่ในช่องข้อมูล

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้ระบุอุปกรณ์เบราซเรอร์รุ่นที่สนับสนุนคุณสมบัตินี้เต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

หมายเหตุ：placeholder คุณสมบัติเป็นคุณสมบัติใหม่ใน HTML5

HTML <input> แบบ