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> và <select> . Bài viết này sẽ trình bày cách sử dụng nó.

---

Yêu cầu

• Kiến thức chung về HTML5. Để có đánh giá toàn diệ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 .

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 .

---

---

Các tin liên quan