Code Thẻ datalist trong HTML

Code Thẻ datalist trong HTML

Code Thẻ datalist trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thẻ datalist trong HTML</title>
</head>
<body>
<h1>Code Thẻ datalist trong HTML</h1>
<p>Dùng để chứa danh sách tiêu đề gợi ý cho thẻ input giúp người dùng dễ dàng chọn từ khóa tìm kiếm mà không cần nhập hết câu, giúp từ khóa tìm kiếm trở nên chính xác hơn.</p>
<p>Trong thẻ datalist bạn tạo giá trị cho thuộc tính id và bên thẻ input bạn tạo giá trị của thuộc tính list giống với giá trị id đó để liên kết với nhau.</p>

<form action="https://webmoi.vn/code-the-datalist-trong-html/" method="POST">
  <label for="nhanvien">Nhân viên:</label>
  <input list="nhanviens" name="txtnhanvien" id="nhanvien">
  <datalist id="nhanviens">
    <option value="Bùi Tấn Lực">
    <option value="Trần Thị Vân">
    <option value="Bùi Đan Trúc Quỳnh">
    <option value="Nguyễn Thùy Dung">
    <option value="Nguyễn Thảo Nhật Hạ">
  </datalist>
  <input type="submit" value="Tìm Kiếm">
  <p>Lưu ý: datalist không được hỗ trợ trên Safari 12.0 trở xuống</p>
  <p>Lưu ý nữa là giá trị của id trong thẻ datalist không được trùng với các id khác trên trang</p>
</form>
</body>
</html>
Code Thẻ datalist trong HTML nằm trong bài viết Thẻ datalist trong HTML