কম্পিউটার টিউটোরিয়াল

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


বিবরণ

<input> এলিমেন্টের disabled অ্যাট্রিবিউট ব্যবহার করা হয় <input> এলিমেন্ট ডিসেবল করার জন্য। যখন একটি এলিমেন্ট ডিসেবল করা হয়, তবে এটি অনক্লিকেবল হয়ে যায়। স্বাভাবিকভাবে, ডিসেবল করা ইনপুট এলিমেন্ট সাবমিট হবে না।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

<input disabled>

উদাহরণ

আইয়ে এখন <input> এলিমেন্টের disabled অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <body> <h2>Details</h2> <form> <p>These are the new details...</p> <fieldset> <legend>New Details:</legend> Player: <input type="text" disabled><br> Rank: <input type="number"><br> Email: <input type="email"><br> Reporting Time: <input type="time"> </fieldset> </form> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে যেখানে আমরা ইনপুট এলিমেন্ট "Player" ডিসেবল করেছি:

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

উদাহরণের ব্যাখ্যা

উপরোক্ত উদাহরণে, আমাদের চারটি ফিল্ড আছে:

Player: <input type="text" disabled><br> Rank: <input type="number"><br> Email: <input type="email"><br> Reporting Time: <input type="time">

উপরের চারটি ফিল্ডের মধ্যে আমরা একটি ডিসেবল করেছি disabled অ্যাট্রিবিউট ব্যবহার করে:

Player: <input type="text" disabled>

এখন উপরের ফিল্ডগুলোতে আপনি কোনো টেক্সট যোগ করতে পারবেন না, কারণ এটি ডিসেবল করা আছে।

  1. HTML input readonly অ্যাট্রিবিউট: শুধু পঠনযোগ্য ইনপুট ফিল্ড

  2. HTML id অ্যাট্রিবিউট: এলিমেন্টের ইউনিক আইডেন্টিফায়ার

  3. HTML list অ্যাট্রিবিউট

  4. HTML maxlength অ্যাট্রিবিউট