Thuộc tính trình giữ chỗ HTML


Định nghĩa và Cách sử dụng

Thuộc placeholdertính chỉ định một gợi ý ngắn mô tả giá trị mong đợi của trường đầu vào / vùng văn bản.

Gợi ý ngắn được hiển thị trong trường trước khi người dùng nhập giá trị.


Áp dụng đối với

Thuộc placeholdertính có thể được sử dụng trên các phần tử sau:

Các yếu tố Thuộc tính
<input> trình giữ chỗ
<textareosystem trình giữ chỗ

Các ví dụ

Ví dụ đầu vào

Hai trường nhập với văn bản giữ chỗ:

<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> 

Ví dụ về Textarea

Vùng văn bản có văn bản giữ chỗ:

<textarea placeholder="Describe yourself here..."></textarea>


Hỗ trợ trình duyệt

Thuộc placeholdertính này có hỗ trợ trình duyệt sau cho từng phần tử:

Element
input 10.0 10.0 4.0 5.0 11.0
textarea Yes 10.0 4.0 5.0 11.5