Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính danh sách HTML

Thuộc tính danh sách HTML đề cập đến phần tử chứa các tùy chọn được xác định trước cho phần tử trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

<input list=”text”>

Hãy để chúng tôi xem một ví dụ về Thuộc tính danh sách HTML:

Ví dụ

<!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>HTML list Attribute Demo</h1>
<input list="subject" placeholder='Select your elective subject'>
<datalist id='subject'>
<option>Maths</option>
<option>Physics</option>
<option>Economics</option>
</datalist>
</body>
</html>

Đầu ra

Thuộc tính danh sách HTML