Thuộc tính sự kiện oninput HTML

Thuộc tính sự kiện oninput HTML được kích hoạt khi người dùng nhập thông tin đầu vào trong phần tử HTML input / textarea trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

<tagname oninput=”script”></tagname>

Ví dụ

Hãy để chúng tôi xem một ví dụ về HTML trên Thuộc tính sự kiện đầu vào -

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      padding: 20px;
   }
   textarea {
      border: 2px solid #fff;
      background: transparent;
      font-size: 1rem;
   }
   ::placeholder {
      color: #000;
      font-size: 1rem;
   }
</style>
</head>
<body>
<h1>HTML oninput Event Attribute Demo</h1>
<textarea placeholder="Enter your message here" oninput="inputFn()" rows='8' cols="50"></textarea>
<script>
   function inputFn() {
      document.querySelector('textarea').style.background = '#ffffff36';
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính sự kiện oninput HTML

Bây giờ, hãy nhập tin nhắn của bạn vào vùng văn bản để quan sát cách hoạt động của thuộc tính sự kiện oninput.

Thuộc tính sự kiện oninput HTML