Thuộc tính placeholder của <textarea> trong HTML

Giới thiệu

Thuộc tính placeholder của phần tử <textarea> dùng để đặt một văn bản gợi ý (hiển thị mờ) bên trong ô nhập liệu. Placeholder thường được dùng như một hướng dẫn, ví dụ: "Nhập tên của bạn", "Nhập số điện thoại", "Viết trong 100 từ", v.v. Văn bản này sẽ biến mất khi người dùng bắt đầu nhập dữ liệu.

Cú pháp

<textarea placeholder="văn bản gợi ý"></textarea>

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Câu hỏi phỏng vấn</h2>
  <p>Câu 1</p>
  <textarea rows="6" cols="70" placeholder="Tại sao bạn muốn ứng tuyển vị trí Biên tập viên? (100 từ)"></textarea>
  <p>Câu 2</p>
  <textarea rows="6" cols="70" placeholder="Bạn có kinh nghiệm xuất bản trước đây không? (100 từ)"></textarea>
</body>
</html>

Kết quả hiển thị

Trong ví dụ trên, chúng ta thiết lập hai ô <textarea>:

<p>Câu 1</p> <textarea rows="6" cols="70" placeholder="Tại sao bạn muốn ứng tuyển vị trí Biên tập viên? (100 từ)"> </textarea> <p>Câu 2</p> <textarea rows="6" cols="70" placeholder="Bạn có kinh nghiệm xuất bản trước đây không? (100 từ)"> </textarea>

Để hiển thị văn bản gợi ý, ta sử dụng thuộc tính placeholder, ví dụ:

placeholder="Tại sao bạn muốn ứng tuyển vị trí Biên tập viên? (100 từ)"