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

HTML <select> required অ্যাট্রিবিউট

<select> এলিমেন্টের required অ্যাট্রিবিউট ব্যবহার করলে ব্যবহারকারীরা বাধ্যভাবে ড্রপডাউন থেকে একটি মান নির্বাচন করতে হবে ফর্ম জমা দেওয়ার আগে। যদি সিলেক্ট না করে সাবমিট করতে চায়, তবে ব্রাউজার সতর্কতা দেখাবে এবং ফর্ম জমা হবে না। এটি HTML5-এ চালু করা হয়েছে।

সিনট্যাক্স:

<select required>

উদাহরণ

<!DOCTYPE html> <html> <body> <h1>প্রার্থীর প্রোফাইল</h1> <p>প্রার্থী যাবতীয় বিবরণ জমা দেবে:</p> <h2>শিক্ষাগত যোগ্যতা</h2> <form action=""> <section> <h3>গ্রেজুয়েশন</h3> <select required>    <option value="">কোনোটিই নয়</option>    <option value="bca">BCA</option>    <option value="bcom">B.COM</option>    <option value="btech">B.TECH</option> </select> </section> <section> <h3>পোস্টগ্রেজুয়েশন</h3> <select>    <option value="mca">MCA</option>    <option value="mcom">M.COM</option>    <option value="mtech">M.TECH</option>    <option value="msc">M.Sc</option> </select> </section><br> <input type="submit" value="পরবর্তী"> </form> </body> </html>

প্রথম ড্রপডাউনতে required থাকায়, যদি ব্যবহারকারী "কোনোটিই নয়" সিলেক্ট রাখে বা কিছুই সিলেক্ট না করে সাবমিট চাপে, তবে ব্রাউজার সতর্কতা দেখাবে।

টিপস: প্রথম <option value=""> খালি রাখলে ব্রাউজার বুঝতে পারে ব্যবহারকারী এখনো কিছু সিলেক্ট করেনি।

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

  2. HTML size অ্যাট্রিবিউট

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

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