হ্যাঁ, `
HTML5 স্পেসিফিকেশন অনুযায়ী, `
মূল পার্থক্য: `
| ফিচার | <button> | <input type="button"> |
|---|---|---|
| কন্টেন্ট অনুমতি | হ্যাঁ (টেক্সট, ইমেজ, আইকন, HTML) | না (শুধু `value` অ্যাট্রিবিউট) |
| ফর্মের বাইরে ডিফল্ট টাইপ | type="button" | type="button" |
| ফর্মের ভিতরে ডিফল্ট টাইপ | type="submit" | type="submit" |
| স্টাইলিং সুবিধা | আরো ফ্লেক্সিবল (::before, ::after, Flexbox) | সীমিত |
বৈধ উদাহরণ
স Faces অনুশীলন
- সবসময় `type` অ্যাট্রিবিউট স্পেসিফাই করুন (`button`, `submit`, `reset`) — ফর্মের ভিতরে ডিফল্ট `submit` হয়।
- যদি বাটনটি শুধু JS-হ্যান্ডলার ট্রিগার করে, তবে `type="button"` ব্যবহার করুন।
- অ্যাক্সেসিবিলিটি: `aria-label` বা видимый টেক্সট অবশ্যই থাকতে হবে।
- প্রগ্রেসিভ এনহ্যান্সমেন্ট: JS ডিজেবল থাকলে বাটন কাজ না করলে কনফিউশন হয় — সেক্ষেত্রে `` বা ফর্ম সাবমিশন ব্যবহার করুন।
