HTML button ট্যাগ ও html button ট্যাগের ব্যবহার

সাধারণত HTML button ট্যাগ একটি ক্লিকযোগ্য বাটনকে নির্ধারণ করে থাকে কিংবা যে বাটনে ক্লিক করা হয়ে থাকে তাক বাটন বলে। আবার বাটন ট্যাগ ব্যবহার করে radio বাটন ও তৈরি করা যায়। বাটন যেকোন ওয়েবসাইট ভিজিট করার সময় দেখা যায় কিংবা দেখে থাকি। বাটনের মধ্যে ইমেজ, কন্টেন্ট কিংবা টেক্সট রাখতে পারেন। আবার ডকুমেন্টগুলো দেখার জন্য সেই বাটনে ক্লিক করে দেখে নিতে পারেন। তো নিচের অংশে দেখে নেই, html button ট্যাগ এর ব্যবহার ।

আমরা আগের টিউটোরিয়ালে html5 ট্যাগ এর বেশ কিছু ইউজ সম্পর্কে আলোচনা করেছি । আজকে তারই উপর নির্ভর করে আমরা html button tag এর ব্যবহার সম্পর্কে নিচের অংশে স্টেপ বাই স্টেপ আলোচনা করবো । চলুন দেখে নেওয়া যাক ।

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

html button ট্যাগ কিভাবে ব্যবহার করতে হয় তা নিচের এইচটিএমএল কোড দ্বারা বুঝানো হয়েছে ।

<button type="button">Login..</button>

উপরের অংশে বাটন তৈরি করার জন্য button ট্যাগ ব্যবহার করা হয়েছে। এরপর বাটন এলিমেন্টের সাথে type এট্রিবিউট button দেয়া আছে। এবার বাটনের ভেলু login ব্যবহার করে হয়েছে। সবার শেষ অংশে ক্লোজিং button আছে। এরপর যেকোন ব্রাউজারে ক্লিক করলে নিচের ছবিটির মতো দেখা যাবে।

button tag

button tag

উপরের অংশে বাটন দেখা যাচ্ছে। এবার সেখানে ক্লিক করলে আপনার ডকুমেন্ট দেখা যাবে। উপরের বাটনটি  CSS ছাড়া দেখানো হয়েছে।

Button Tag, Form Tag এর ভিতরেও ব্যবহার করা যায় এবং এটি দিয়ে ফর্ম সাবমিট করার কাজ গুলো করা যায় কিংবা ফর্ম রিসেট করার কাজ । সে ক্ষেত্রে এতে type=”submit”  কিংবা type=”reset” ব্যবহার করতে হয় ।

Related Post

Html দিয়ে কিভাবে Table তৈরি করবেন... HTML Table সাধারণত একটি ওয়েবপেজে ব্যাবহার করা হয়। Table ব্যাবহার করে আমরা অনেক ডাটা কলাম সারিবব্ধ ভাবে সাজাতে পারি। এইচটিএমএল টেবিল তৈরি করার আগে আপনা...
HTML br ট্যাগ এবং br ট্যাগের ব্যবহার... আমরা ওয়েবে সাধারনত বিভিন্য Paragraph গুলো p tag এর মধ্যে রাখি । আর লিখাগুলো এক লাইন শেষ হলে অটো পরের লাইনে চলে আসে । কিন্তু এমন যদি হয় যে আপনি চাচ্ছেন...
HTML এ সুপারস্ক্রিপ্ট ও সাবস্ক্রিপ্ট কিভাবে করে (s... একটি ওয়েবপেজে গানিতিক কিংবা রাসায়নিক সমিকরন অথবা সাংকেতিক চিহ্ন যোগ করার জন্য Subscript কিংবা Superscript এর প্রয়োজন হয়। গণিতের এর ক্ষেত্রে Superscrip...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
HTML u ট্যাগ ও u ট্যাগের ব্যবহার... সাধারণত HTML u ট্যাগ কোন ডকুমেন্টে ব্যবহার করা হলে সে ডকুমেন্টের নিচের দিকে আন্ডারলাইন যুক্ত হয়। আমরা anchor tag ব্যবহার করলে লিংক এর নিচে আন্ডার লাইন...
এইচটিএমএল ট্যাগ – html tag ও html attributes... আমাদের আজকের আলোচনার বিষয় এইচটিএমএল ট্যাগ ( html tag ) ও এট্রিবিউট নিয়ে।  এর আগের আর্টিকেল এ আমরা জেনেছিলাম কিভাবে এইচটিএমএল দিয়ে Hello World লিখা যায়...

You may also like...

Leave a Reply

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

error: Content is protected !!