HTML disabled অ্যাট্রিবিউট

HTML disabled অ্যাট্রিবিউট

disabled একটি বুলিয়ান অ্যাট্রিবিউট যা HTML এলিমেন্টকে নিষ্ক্রিয় (disabled) করে। নিষ্ক্রিয় এলিমেন্ট:

• ক্লিকযোগ্য নয়
• ফোকাস পায় না (Tab-এ স্কিপ হয়)
• ফর্ম সাবমিশনে এর মান পাঠানো হয় না
• সাধারণত মутা (muted/gris) স্টাইলে রেন্ডার হয়

লাগু হয় এমন এলিমেন্টগুলো

<button>, <textarea>, <optgroup>, <select>, <fieldset>, <input>, <option>

সিনট্যাক্স

<element disabled>

<input> disabled অ্যাট্রিবিউট

<input> এলিমেন্টে disabled ব্যবহার করলে ইনপুট ফিল্ড নিষ্ক্রিয় হয়ে যায়।

সিনট্যাক্স

<input disabled>

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>বিবরণ</h2>
  <form>
    <p>এই হলো নতুন বিবরণ...</p>
    <fieldset>
      <legend>নতুন বিবরণ:</legend>
      Player: <input type="text" disabled><br>
      Rank: <input type="number"><br>
      Email: <input type="email"><br>
      রিপোর্টিং টাইম: <input type="time">
    </fieldset>
  </form>
</body>
</html>

আউটপুট

"Player" ইনপুট ফিল্ডটি ডিসেবলড (গ্রে-আউট, নন-ইন্টারঅ্যাক্টিভ)।

disabled vs readonly

JavaScript-এ কন্ট্রোল

const input = document.querySelector('input');
input.disabled = true;  // ডিসেবল
input.disabled = false; // ইনেবল

// চেক
if (input.disabled) { ... }

fieldset disabled — একসাথে সব ডিসেবল

<fieldset disabled>
  <input type="text">
  <input type="email">
  <button>Submit</button>
</fieldset>

<fieldset disabled> সেট করলে তার ভিতরের সব ফর্ম কন্ট্রোল নিষ্ক্রিয় হয়ে যায় (লিজেন্ড বাদে)।