Thuộc tính placeholder trong HTML

Thuộc tính placeholder trong HTML đại diện cho văn bản hiển thị trong phần tử input/textarea trước khi người dùng bắt đầu nhập bất cứ thứ gì.

Cú pháp

Cú pháp như sau:

<tagname placeholder="text"></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính placeholder trong HTML:

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
  }
</style>
<body>
<h1>Demo thuộc tính placeholder trong HTML</h1>
<input type="text" placeholder='Nhập tên của bạn'>
<input type="text" placeholder='Nhập họ của bạn'>
</body>
</html>

Kết quả