Thứ hai, 12/10/2020 | 00:00 GMT+7

Cách sử dụng phần tử danh sách dữ liệu HTML5

Bạn có thể tăng cường một chút cho đầu vào văn bản của bạn bằng cách sử dụng phần tử <datalist> . Nó hơi giống sự pha trộn giữa <input><select> . Bài viết này sẽ trình bày cách sử dụng nó.

Yêu cầu

Sử dụng phần tử <datalist>

Đây là cách bạn có thể sử dụng phần tử <datalist> trong đánh dấu HTML5 của bạn :

<label for="favorite-band">Your favorite band?</label> <input list="fish" name="fish-choice" id="fish-choice>" />  <datalist id="fish">     <option value="Shark">     <option value="Tuna">     <option value="Ulua"> </datalist> 

Kết luận

Phần tử <datalist> là một tính năng hữu ích của HTML.

Để có bài đánh giá toàn diện hơn về ngôn ngữ đánh dấu HTML5, hãy khám phá loạt bài của ta , Cách tạo trang web bằng HTML .


Tags:

Các tin liên quan