Cách sử dụng input type search trong HTML

Kiểu <input type="search"> tạo ô tìm kiếm. Giao diện thường có nút xóa (✕) khi đã nhập text, và style khác biệt so với text thường (bo góc, icon kính lúp trên một số OS).

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input search</title>
  </head>
  <body>
    <form action="" method="get">
      Tìm kiếm<br>
      <input type="search" name="search"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Thuộc tính hữu ích: placeholder gợi ý, autosave (WebKit) lưu lịch sử tìm kiếm, results (WebKit) số lượng lịch sử hiển thị.