Thuộc tính list trong HTML

Thuộc tính list trong HTML tham chiếu đến một phần tử <datalist> chứa các tùy chọn được định nghĩa trước cho một phần tử <input> trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<input list="text">

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính list 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;
  }
  input {
    display: block;
    width: 60%;
    margin: 1rem auto;
  }
</style>
<body>
<h1>Demo thuộc tính list trong HTML</h1>
<input list="subject" placeholder='Chọn môn tự chọn của bạn'>
<datalist id='subject'>
  <option>Toán học</option>
  <option>Vật lý</option>
  <option>Kinh tế</option>
</datalist>
</body>
</html>

Kết quả