HTML datalist ট্যাগ ও HTML datalist এর ব্যবহার

datalist ট্যাগ একটি input ট্যাগের উপাদান, এটির পূর্বনির্ধারিত বিকল্পগুলির একটি তালিকাকে নির্দিষ্ট করে থাকে। অনেক সময় কিছু কিছু সাইটে বা ফর্মে দেখা যায়, যেমন একটি বক্সে কিছু অপশন দেয়া থাকে, সেখান থেকে যেকোন একটি অপশন নিবার্চন করে নেয়া যায়। সে কাজটি আমরা ডাটালিস্ট ট্যাগ ব্যবহার করে করতে পারি । ঠিক একই কাজ আমরা HTML Select Tag দিয়ে করতে পারি ।

নিচের অংশে ধাপে ধাপে html datalist ট্যাগ ইউজ দেখে নেই।

HTML5 এর আগের টিউটোরিয়ার গুলোতে দেখতে, এখানে ক্লিক করুন, HTML5 টিউটোরিয়াল

HTML datalist tag এর ব্যবহার

তো চলুন নিচের অংশে datalist ট্যাগের ব্যবহার দেখে নেই,

<form action="form" method="get">
 <input list="browser" name="browser">
 <datalist id="browser">
 <option value="Home">
 <option value="Contect">
 <option value="Photos">
 <option value="Menu">
 <option value="Form">
 </datalist>
 <input type="submit" value="send">
 </form>

উপরের মার্কআপের প্রথম অংশে form ট্যাগ দেয়া হয়েছে। এর নিচের দিকে input ট্যাগের ভালু হিসাবে browser ব্যবহার করা হয়েছে। এরপর datalist ট্যাগ ও id ভেলু দেওয়া রয়েছে। ভালু অন্য দিতে পারেন । এরপর Option ট্যাগ এর মধ্যে বেশ কিছু value নাম দেওয়া হয়েছে। এখানে যা দিবেন তা ব্রাউজারে প্রর্দশিত হবে। নিচের দিকে এর একটি উধাহরণ দেখানো হল।

datalist tag

datalist tag

উপরের ছবিতে দেখুন । সেখানে ইনপুটের ঘরের মধ্যে ক্লিক করলে, একটু যে ভালু অ্যাড করা হয়েছে, সেগুলো লিস্ট আকারে বের হবে ।

Note: Datalist ট্যাগ internet explorer 9 এবং এর আগের ভার্সন গুলোতে সাপোর্ট করেনা । পাশাপাশি এটি Safari Web Browser ও এ এখন পর্যন্ত সাপোর্ট করেনা । হয়তো তাই এর ব্যপক ব্যবহার এখন ও শুরু হয়নি ।

Related Post

HTML এ বাংলা লিখবো কিভাবে... HTML এ বাংলা লিখলেই বাংলা আসেনা অনেক ওয়েব ব্রাউজারে কারন আমরা ওয়েব পেজে যে বাংলা লিখি সেটি ইউনিকোড ভিত্তিক । বাংলা লিখবার জন্য আসলে html এ character s...
HTML br ট্যাগ এবং br ট্যাগের ব্যবহার... আমরা ওয়েবে সাধারনত বিভিন্য Paragraph গুলো p tag এর মধ্যে রাখি । আর লিখাগুলো এক লাইন শেষ হলে অটো পরের লাইনে চলে আসে । কিন্তু এমন যদি হয় যে আপনি চাচ্ছেন...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
HTML blockquote, q ট্যাগ ও blockquote এবং q ট্যাগে... blockquote একটি HTML এর এলিমেন্ট । সাধারণত HTML blockquote ট্যাগ ব্যবহার করা হয় কোন বড় ধরনের  quotation লেখার ক্ষেত্রে।  হতে পারে, কোন বই থে...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...
ওয়েবসাইটে Youtube ভিডিও অ্যাড করবো কিভাবে... ইতি পূর্বে আমরা আলোচনা করেছি কিভাবে ওয়েবসাইটে গুগল ম্যাপ প্রর্দশন করা যায়। তারই ধারাবাহিকতায় আজকে আমরা আলোচনা করবো কিভাবে Youtube এর ভিডিও ওয়েবসাইটে প...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!