কম্পিউটার

এইচটিএমএল অনইনপুট ইভেন্ট অ্যাট্রিবিউট


HTML অনইনপুট ইভেন্ট অ্যাট্রিবিউটটি ট্রিগার হয় যখন ব্যবহারকারী একটি HTML নথিতে একটি ইনপুট/টেক্সটেরিয়া HTML উপাদানে ইনপুট প্রবেশ করে।

সিনট্যাক্স

নিচের সিনট্যাক্স −

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

উদাহরণ

আসুন ইনপুট ইভেন্ট অ্যাট্রিবিউট −

-এ HTML-এর একটি উদাহরণ দেখি
<!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>

আউটপুট

এইচটিএমএল অনইনপুট ইভেন্ট অ্যাট্রিবিউট

অনইনপুট ইভেন্ট অ্যাট্রিবিউট কীভাবে কাজ করে তা পর্যবেক্ষণ করতে এখন পাঠ্য এলাকায় আপনার বার্তা লিখুন।

এইচটিএমএল অনইনপুট ইভেন্ট অ্যাট্রিবিউট


  1. HTML ondragleave ইভেন্ট অ্যাট্রিবিউট

  2. এইচটিএমএল অনড্রাজেন্টার ইভেন্ট অ্যাট্রিবিউট

  3. এইচটিএমএল অনড্রাজেন্ড ইভেন্ট অ্যাট্রিবিউট

  4. এইচটিএমএল অনপেজ শো ইভেন্ট অ্যাট্রিবিউট