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

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

<select> এলিমেন্টের size অ্যাট্রিবিউট ড্রপডাউন লিস্ট থেকে কতগুলো আইটেম একসাথে দেখা যাবে তা নির্ধারণ করে। যদি size ১-এর বেশি হয়, তবে স্ক্রলবার যোগ হয়।

সিনট্যাক্স:

<select size="num">

এখানে num হলো ড্রপডাউন লিস্টে দৃশ্যমান লিস্ট আইটেমের সংখ্যা।

উদাহরণ

<!DOCTYPE html> <html> <body> <h1>প্রার্থীর প্রোফাইল</h1> <p>প্রার্থী যাবতীয় বিবরণ জমা দেবে:</p> <h2>শিক্ষাগত যোগ্যতা</h2> <form action=""> <section> <h3>গ্রেজুয়েশন</h3> <select size = "2">    <option value="bca">BCA</option>    <option value="bcom">B.COM</option>    <option value="btech">B.TECH</option>    <option value="bsc">B.SC</option> </select> </section> <section> <h3>পোস্টগ্রেজুয়েশন</h3> <select size="2">    <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>

উপরের উদাহরণে size="2" ব্যবহার করে দুটি ড্রপডাউন লিস্টে একসাথে ২টি আইটেম দেখা যাচ্ছে, বাকিগুলো স্ক্রল করে দেখা যায়।

নোট: size অ্যাট্রিবিউট ড্রপডাউনকে লিস্ট বক্সে পরিণত করে। মোবাইলে এটি ভালো কাজ নাও করতে পারে।

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

  2. HTML hidden অ্যাট্রিবিউট: এলিমেন্ট লুকিয়ে রাখা

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

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