Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thực thi script khi người dùng ghi vào trường tìm kiếm trong HTML?

Sử dụng thuộc tính onsearch trong HTML để thực thi script khi người dùng ghi vào trường tìm kiếm và nhấn ENTER hoặc x.

Ví dụ

Bạn có thể chạy mã sau để triển khai thuộc tính onsearch:

<!DOCTYPE html>
<html>
  <body>
    <p>Tìm kiếm điều gì đó và nhấn ENTER.</p>
    <input type="search" id="inputID" onsearch="display()">
    <p><strong>Lưu ý:</strong> Không hoạt động trên Internet Explorer và Firefox.</p>
    <p id="test"></p>
    <script>
      function display() {
        var a = document.getElementById("inputID");
        document.getElementById("test").innerHTML = "Đã tìm kiếm - " + a.value;
      }
    </script>
  </body>
</html>