এইচটিএমএল সিলেক্ট:একটি হাউ-টু গাইড

আপনি কেন HTML ট্যাগ ব্যবহার করবেন?

একটি

ব্যবহার করা ট্যাগ উপকারী যখন আপনি একটি ব্যবহারকারী একটি ফর্ম ক্ষেত্রে প্রবেশ করতে পারেন মান সীমাবদ্ধ করতে চান. এখানে কয়েকটি উদাহরণ রয়েছে যেখানে ট্যাগটি এর জন্য উপযোগী হতে পারে:

• কোন ব্যবহারকারীকে যে দেশগুলি থেকে নির্বাচন করতে হবে তার একটি তালিকা প্রদান করুন৷
৷
• একজন ব্যবহারকারীকে একটি পণ্যের জন্য উপলব্ধ রঙের একটি তালিকা দিন যা থেকে নির্বাচন করতে হবে৷
৷
• একজন ব্যবহারকারীকে তারা যে পণ্যটি কিনতে চান তার পরিমাণ নির্বাচন করার অনুমতি দেওয়ার জন্য (যেমন 1 থেকে 10 এর মধ্যে)।

এই ক্ষেত্রে, বিকল্পগুলি সীমিত। একটি ড্রপডাউন মেনু ব্যবহার করার অর্থ হল আপনি একটি প্রতিক্রিয়া পেতে পারেন যা আপনার কোডের জন্য অর্থপূর্ণ। এর কারণ হল ব্যবহারকারী তাদের পছন্দসই কোনো মান ইনপুট করতে পারে না, যেমন তারা একটি নির্বাচিত ক্ষেত্রে দিতে পারে, যা আপনি হয়তো অনুমান করতে পারেন না।

HTML

উদাহরণ

ধরুন আমরা একটি স্থানীয় বেকারির জন্য একটি ওয়েব ফর্ম তৈরি করছি। আমাদের এমন একটি ফর্ম তৈরি করতে বলা হয়েছে যা একজন ব্যবহারকারীকে রুটি অর্ডার করতে দেয়। এই ফর্মটিতে রুটির একটি ড্রপ-ডাউন তালিকা উপস্থাপন করা উচিত যেখান থেকে একজন ব্যবহারকারী একটি রুটি বেছে নিতে পারেন। যে বিকল্পগুলি উপস্থিত হওয়া উচিত তা হল:

• সাদা সাদা
• প্লেন ব্রাউন
• পুরো শস্য
• টক

ডিফল্টরূপে, সাদা সাদা নির্বাচন করা উচিত।

এই HTML ড্রপ ডাউন মেনু তৈরি করতে, আমরা নিম্নলিখিত কোড ব্যবহার করতে পারি:

<select name="breadType">
	<option value="plainWhite" selected>Plain White</option>
	<option value="plainBrown">Plain Brown</option>
	<option value="wholeGrain">Whole Grain</option>
	<option value="sourdough">Sourdough</option>
</select>

আমাদের কোড ফিরে আসে:

প্রথমে, আমরা একটি ব্যবহার করি আমাদের নির্বাচন তালিকা সংজ্ঞায়িত করতে ট্যাগ. আমরা নাম নির্দিষ্ট করি অ্যাট্রিবিউট, যা সিলেক্ট ফর্ম কন্ট্রোলের নাম নির্দিষ্ট করে এবং আমরা অ্যাট্রিবিউটটিকে breadType মান নির্ধারণ করি .

এরপর, আমরা চারটি ব্যবহার করি ট্যাগ বিকল্পগুলির তালিকা তৈরি করতে যা ব্যবহারকারীর কাছে উপস্থাপন করা উচিত। এই প্রতিটি ট্যাগের একটি মান আছে বৈশিষ্ট্য নির্দিষ্ট করা হয়েছে। এই বৈশিষ্ট্যটি সেই বিকল্পের মান সঞ্চয় করে যা সার্ভারে জমা দেওয়া হবে যখন ব্যবহারকারী ফর্ম জমা দেবেন।

প্রথম <বিকল্প> ট্যাগ, যার লেবেল পাঠ্য প্রদর্শন করে সাদা সাদা, এছাড়াও একটি নির্বাচিত আছে৷ বৈশিষ্ট্য নির্দিষ্ট করা হয়েছে। এটি সাদা সাদা করে ডিফল্ট নির্বাচিত বিকল্প।

আমরা আমাদের ব্যবহারকারীকে একাধিক বৈশিষ্ট্য ব্যবহার করে তালিকার একাধিক বিকল্প নির্বাচন করতে দিতে পারি:

<select name="breadType" multiple>
  	<option value="plainWhite" selected="">Plain White</option>
	<option value="plainBrown">Plain Brown</option>
	<option value="wholeGrain">Whole Grain</option>
	<option value="sourdough">Sourdough</option>
</select>

একাধিক বৈশিষ্ট্য হল একটি কীওয়ার্ড। এর মানে অ্যাট্রিবিউটের মান নির্ধারণের জন্য আপনাকে সমান চিহ্ন ব্যবহার করতে হবে না।

একাধিক মান নির্বাচন করতে, Windows-এ Ctrl বোতাম বা Mac-এ Cmd বোতাম চেপে ধরে রাখুন।

এইচটিএমএল <সিলেক্ট> ট্যাগ অ্যাট্রিবিউট

ট্যাগের কয়েকটি নির্দিষ্ট HTML বৈশিষ্ট্য রয়েছে যা ট্যাগে প্রয়োগ করা যেতে পারে। এগুলি নিম্নরূপ: