Thuộc tính placeholder của thẻ <input> trong HTML
Định nghĩa và cách sử dụng
placeholder Thuộc tính xác định một cảnh báo ngắn, mô tả giá trị mong đợi của trường nhập liệu (ví dụ: giá trị mẫu hoặc mô tả ngắn gọn về định dạng mong đợi).
Cảnh báo này sẽ hiển thị khi trường nhập trống và sẽ biến mất khi trường nhận được sự chú ý.
Lưu ý:placeholder Thuộc tính áp dụng cho các loại nhập liệu sau:
- text
- search
- url
- tel
- mật khẩu
Mẫu
Champs nhập số điện thoại chứa văn bản tạm thời:
<form action="/action_page.php">
<label for="phone">Vui lòng nhập số điện thoại:</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>Định dạng: 138-8888-8888</small><br><br>
<input type="submit">
</form>
Cú pháp
<input placeholder="text">
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| text | Định nghĩa mô tả ngắn gọn giá trị mong đợi của trường nhập. |
Hỗ trợ trình duyệt
Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Ghi chú：placeholder Thuộc tính là thuộc tính mới trong HTML5.
