Thuộc tính placeholder
Thuộc tính placeholder thiết lập gợi ý
trong trường nhập liệu của biểu mẫu HTML.
Gợi ý như vậy cần thiết để
chỉ cho người dùng biết chính xác điều gì
nên được nhập vào trường này. Bản thân gợi ý sẽ
được đặt trong trường nhập liệu, nhưng, khác với
thuộc tính value,
nó sẽ tự động biến mất khi người dùng cố gắng
nhập văn bản.
Được áp dụng cho các thẻ input,
textarea.
Bạn có thể áp dụng kiểu CSS cho gợi ý placeholder
bằng cách sử dụng phần tử giả placeholder.
Ví dụ
Hãy đặt gợi ý placeholder cho trường nhập liệu:
<input type="text" placeholder="nhập tên">
:
Ví dụ . Thuộc tính value đồng thời với placeholder
Và ở đây, hãy đặt đồng thời
gợi ý placeholder và thuộc tính value
cho trường nhập liệu.
Nếu bạn xóa nội dung của thuộc tính value,
bạn sẽ thấy gợi ý bị ẩn bên dưới nó:
<input type="text" placeholder="nhập tên" value="Ivan">
:
Xem thêm
-
thuộc tính
value,
thiết lập giá trị mặc định cho trường nhập liệu -
phần tử giả
placeholder,
thiết lập kiểu cho gợi ý -
lớp giả
placeholder-shown,
thiết lập kiểu cho trường nhập liệu có gợi ý