HTML <button> ট্যাগ

<button> ট্যাগ HTML-এ একটি ক্লিকযোগ্য বাটন তৈরি করতে ব্যবহৃত হয়। <input type="button"> বা <input type="submit"> এর চেয়ে <button> বেশি linh hoạt কারণ এর ভিতরে আপনি HTML কন্টেন্ট (ইমেজ, আইকন, ফরম্যাটেড টেক্সট) রাখতে পারেন।

প্রধান অ্যাট্রিবিউটসমূহ

অ্যাট্রিবিউট	মান	বিবরণ
autofocus	autofocus	পেজ লোড হলে বাটনটি ফোকাস পাবে
disabled	disabled	বাটনটি নিষ্ক্রিয় করবে (ক্লিকযোগ্য নয়)
form	form_id	বাটনটি কোন ফর্ম(গুলো)র części مشخص করে
formaction	URL	`type="submit"` হলে: ফর্ম ডেটা কোথায় পাঠানো হবে
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	`type="submit"` হলে: ডেটা এনকোডিং পদ্ধতি
formmethod	get, post	`type="submit"` হলে: HTTP মেথড
formnovalidate	formnovalidate	`type="submit"` হলে: ভ্যালিডেশন বাইপাস করবে
formtarget	_blank, _self, _parent, _top, framename	`type="submit"` হলে: রেসপন্স কোথায় খোলা হবে
name	name	বাটনের জন্য একটি নাম নির্দিষ্ট করে
type	button, reset, submit	বাটনের টাইপ নির্দিষ্ট করে (ডিফল্ট: submit)
value	text	বাটনের প্রাথমিক মান (সাবমিটের সময় পাঠানো হয়)

বাটন টাইপের পার্থক্য

type="button" — সাধারণ ক্লিকযোগ্য বাটন (ডিফল্ট আচরণ নেই)
type="submit" — ফর্ম সাবমিট করে (ডিফল্ট)
type="reset" — ফর্মের সব ফিল্ড রিসেট করে

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>ডেমো হেডিং</h2>
  <p>নিচে ডেমো টেক্সট আছে:</p>
  <textarea rows="4" cols="50">
    এখানে আমরা HTML-র কনসেপ্ট, এলিমেন্ট ও অ্যাট্রিবিউট শিখছি!
  </textarea><br>
  <button type="button" disabled>পূর্ববর্তী</button>
  <button type="button">পরবর্তী</button>
</body>
</html>

আউটপুট

HTML <button> ট্যাগ

সেরা অনুশীলন

সদা type অ্যাট্রিবিউট স্পষ্টভাবে লিখুন (type="button" ইত্যাদি) — অন্যথায় ফর্মের ভিতরে ডিফল্টভাবে submit হয়।
বাটনের ভিতরে <img>, <svg>, <span> ইত্যাদি রাখা যায়।
অ্যাক্সেসিবিলিটির জন্য aria-label বা স্পষ্ট টেক্সট ব্যবহার করুন।