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

অ্যাট্রিবিউট disabled HTML ফর্মের একটি উপাদানকে নিষ্ক্রিয় করে, অর্থাৎ এটিকে অকার্যকর করে তোলে। এটি একটি মানবিহীন অ্যাট্রিবিউট।

উপাদানগুলি সাধারণত ব্যবহারকারীকে কিছু মান পরিবর্তন করতে নিষেধ করার জন্য নিষ্ক্রিয় করা হয় (যেগুলি, তবুও, ফর্ম উপাদান হিসাবে ব্যবহারকারীকে দেখানো দরকার)। কখনও কখনও JavaScript এর সাহায্যে উপাদানগুলি নিষ্ক্রিয় (এবং সক্রিয়) করা হয়।

আচরণ

বাটনের ক্ষেত্রে (button বা input যার type অ্যাট্রিবিউটের মান button, reset বা submit) নিষ্ক্রিয় করার অর্থ হলো বাটনে ক্লিক করা সম্ভব হবে না। টেক্সট ইনপুট ফিল্ডের ক্ষেত্রে (input বা textarea) sএতে টেক্সট পরিবর্তন বা কপি করা সম্ভব হবে না। চেকবক্স এবং রেডিও বাটনের ক্ষেত্রে তাদের অবস্থা (চেক করা আছে কিনা) পরিবর্তন করা সম্ভব হবে না। ড্রপ-ডাউন তালিকা select এর ক্ষেত্রে নির্বাচিত তালিকার আইটেম পরিবর্তন করা সম্ভব হবে না।

একটি নিষ্ক্রিয় উপাদান ডিফল্টভাবে ধূসর ব্যাকগ্রাউন্ড পায়। এটি Tab কী দিয়ে নেভিগেশনেও অংশ নেবে না।

উদাহরণ . নিষ্ক্রিয় বাটন

আসুন disabled অ্যাট্রিবিউট ব্যবহার করে একটি বাটন নিষ্ক্রিয় করি। তুলনার জন্য পাশেই একটি সক্রিয় বাটনের উদাহরণ রয়েছে (এটিতে ক্লিক করার চেষ্টা করুন):

html<button disabled>text</button>
<button>text</button>

Результат:

উদাহরণ . নিষ্ক্রিয় চেকবক্স

এবার আসুন একটি নিষ্ক্রিয় চেকবক্স দেখি। তুলনার জন্য পাশেই একটি সক্রিয় চেকবক্সের উদাহরণ দেখুন:

html<input type="checkbox" disabled>
<input type="checkbox">

Результат:

উদাহরণ . নিষ্ক্রিয় এবং চেক করা চেকবক্স

আসুন দেখি checked অ্যাট্রিবিউট ব্যবহার করে নিষ্ক্রিয় এবং চেক করা একটি চেকবক্স কেমন দেখতে হয়। তুলনার জন্য পাশেই একটি সক্রিয় চেক করা চেকবক্সের উদাহরণ দেখুন:

html<input type="checkbox" disabled checked>
<input type="checkbox" checked>

Результат:

উদাহরণ . নিষ্ক্রিয় টেক্সট ইনপুট

এবার আসুন একটি ইনপুট নিষ্ক্রিয় করি। তুলনার জন্য পাশেই একটি সক্রিয় ইনপুটের উদাহরণ দেখুন:

html<input type="text" value="text" disabled>
<input type="text" value="text">

Результат:

উদাহরণ . নিষ্ক্রিয় টেক্সটএরিয়া

এখানে আমরা একটি নিষ্ক্রিয় টেক্সটএরিয়া দেখব (লক্ষ্য করুন যে নিষ্ক্রিয় textarea-এর আকার পরিবর্তন করা সম্ভব)। তুলনার জন্য পাশেই একটি সক্রিয় টেক্সটএরিয়ার উদাহরণ দেখুন:

html<textarea disabled>text</textarea>
<textarea>text</textarea>

Результат:

উদাহরণ . নিষ্ক্রিয় ড্রপ-ডাউন তালিকা

আসুন দেখি একটি নিষ্ক্রিয় select কীভাবে কাজ করে। তুলনার জন্য পাশেই একটি সক্রিয় ড্রপ-ডাউন তালিকার উদাহরণ দেখুন:

html<select disabled>
  <option>city1</option>
  <option selected>city2</option>
  <option>city3</option>
  <option>city4</option>
</select>
<select>
  <option>city1</option>
  <option selected>city2</option>
  <option>city3</option>
  <option>city4</option>
</select>

Результат:

আরও দেখুন