কম্পিউটার, প্রোগ্রামিং
HTML এ একটি ড্রপ-ডাউন তালিকা তৈরি কিভাবে
HTML এ সরলতম ড্রপ-ডাউন তালিকা নির্বাচন ট্যাগ ব্যবহার তৈরি করা সহজ। এই ধারক ট্যাগ, ট্যাগ তাতে বিকল্প এমবেডেড - এরাই তালিকার আইটেম সেট।
বেশ কয়েকটি বিকল্প তালিকা, যা নির্বাচন ট্যাগ দ্বারা করা সম্ভব আছে: ড্রপ-ডাউন তালিকা (অপশন প্রধান ক্ষেত্রের উপর ক্লিক করার পর পড়া অথবা এটি উপর কার্সার রেখে), এবং মাল্টিপল চয়েস একটি তালিকা - এটি ব্যবহারকারী একাধিক আইটেম নির্বাচন করতে পারেন। প্রথম বেশি দেখা যায়, তারা আধুনিক গৌণ সাইট একটি গুরুত্বপূর্ণ উপাদান। ড্রপ-ডাউন তালিকা একাধিক নির্বাচনের উদাহরণস্বরূপ, ব্যবহার করা যেতে পারে ডিরেক্টরি যেখানে আপনি পণ্যের কয়েক বৈশিষ্ট্য নির্বাচন করতে চান না।
চেহারা এবং তালিকার বৈশিষ্ট্য পরিবর্তন করুন, আপনি সার্বজনীন এবং বিশেষ বৈশিষ্ট্য ব্যবহার করতে পারেন।
নির্বাচন ট্যাগ বৈশিষ্ট্যাবলী
1. একাধিক - মাল্টিপল চয়েস নির্দিষ্ট করে।
2. ফাইলের আকার - যে উচ্চতার তালিকা দৃশ্যমান লাইনের সংখ্যা নির্দিষ্ট করে,। এবং তারপর এটি সব উপর নির্ভর করে, একাধিক বৈশিষ্ট্য বর্তমান বা নয়। যদি তাই হয়, এবং আপনি, আকার বিছানা উল্লেখ না তারপর একাধিক ব্যবহারকারী উপস্থিতিতে আপনার সমস্ত বিকল্প দেখার হবে, কিন্তু যদি একাধিক অনুপস্থিত, শুধুমাত্র এক লাইন দেখানো হয়, এবং অন্যান্য ব্যবহারকারীর পড়তে ডান পাশে লিফট আইকনের উপর ক্লিক করুন যখন সক্ষম হবে। আকার উচ্চতা নিদিষ্ট, এবং এটি অধিকার স্ক্রল বার প্রদর্শিত বিকল্পের সংখ্যার চেয়ে কম হয়।
3. নাম - নাম। ড্রপ-ডাউন তালিকা এটা ছাড়া কাজ করা যেতে পারে, কিন্তু এটা সার্ভারে প্রোগ্রাম-হ্যান্ডলার সাথে যোগাযোগ করার জন্য প্রয়োজন হতে পারে। একটি নিয়ম হিসাবে, নাম এখনও নির্দেশিত হয়।
ট্যাগ নির্বাচন কোন প্রয়োজনীয় বৈশিষ্ট্যাবলী যেমন বিকল্প ট্যাগ উল্টোদিকে হয়েছে।
গুণাবলী সংযুক্ত ট্যাগ বিকল্প
- সিলেক্টেড - একটি তালিকা আইটেমের হাইলাইট করতে পরিকল্পিত। ব্যবহারকারী একাধিক আইটেম বরাদ্দ করতে পারেন যদি আপনি একাধিক অ্যাট্রিবিউট (দেখুন। উপরে) সেট।
- মূল্য - মান। এই বৈশিষ্ট্য প্রয়োজন হয়। ওয়েব সার্ভার বুঝতে ঠিক কি তালিকার আইটেম ব্যবহারকারী নির্বাচন করেছেন প্রয়োজন।
- লেবেল। উপাদানের খুব দীর্ঘ তালিকা উপর এই বৈশিষ্ট্য ব্যবহার কমে যাবে। লোম্বার্ডি প্রশাসনিক কেন্দ্র - উদাহরণস্বরূপ, স্ক্রীণ "মিলান", পরিবর্তে বিকল্প ট্যাগ "মিলান প্রদর্শন করা হবে। নর্দার্ন ইতালি। " এই বৈশিষ্ট্য এছাড়াও তালিকায় আইটেমগুলি গ্রুপ করতে ব্যবহৃত হয়।
তালিকা, এটা তালিকায় বিস্তৃত লেখার দৈর্ঘ্য ডিফল্ট প্রস্থ হিসাবে। অবশ্য, প্রস্থ এইচটিএমএল শৈলী ব্যবহার করে পরিবর্তন করা যাবে।
অন্য কোন উপায়ে ড্রপ-ডাউন তালিকা
এটা তোলে CSS এর সঙ্গে কাজ করা যেতে পারে, উদাহরণস্বরূপ, তালিকা দেখা যাবে যখন আপনি এমন একটি পৃষ্ঠাতে আইটেমটি উপরে কার্সার রাখুন। তালিকা তৈরি করার জন্য চমৎকার সুযোগ জাভাস্ক্রিপ্ট, যা কাজ jQuery লাইব্রেরি সরলীকৃত দেয়। ড্রপ-ডাউন তালিকা যে এই লাইব্রেরির সাথে সংযুক্ত করা হয়, খুব জটিল ধরনের একটি ক্যাসকেড হতে পারে। অর্থাৎ আপনি যখন একটি তালিকায় একটি আইটেম নির্বাচন করুন নিম্নলিখিত তালিকা দেখা যাবে, উদাহরণস্বরূপ, আছে "মহিলাদের পোশাক" মেনু (যখন আপনি ড্রপ কার্সার রেখে জামাকাপড় ধরণের), তারপর প্রজাতির এক, উদাহরণস্বরূপ, "সহ" ড্রপ-ডাউন তালিকা উপাদানের সঙ্গে: জ্যাকেট, উদ্যান, জামা, পোঁচা ইত্যাদি। এন।
আমরা প্রধান পৃষ্ঠস্থ উপায়ে আপনি একটি ড্রপ-ডাউন তালিকা তৈরি করতে পারেন তালিকা দেয়া হয়েছে। অবশ্যই, অনেক তারতম্য আছে এইচটিএমএল, সিএসএস মধ্যে এবং জাভাস্ক্রিপ্ট মধ্যে, যা আপনি কার্যকারিতা এবং তালিকা মতামত এর চেহারা পরিবর্তন করার অনুমতি দেয়।
Similar articles
Trending Now