এইচটিএমএল <button>ট্যাগ
<button> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <button> | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<button> ট্যাগের মাধ্যমে বাটন তৈরি করা হয়, যেটিতে ক্লিক করা যায়।
একটি <button> এলিমেন্টের মধ্যে আপনি অন্য কন্টেন্ট রাখতে পারবেন, যেমন; টেক্সট অথবা ইমেজ।
আর এটিই <button> এলিমেন্ট দিয়ে তৈরি বাটন এবং
<input> এলিমেন্ট দিয়ে তৈরি বাটনের পার্থক্য।
<button> এলিমেন্টের জন্য অবশ্যই type এট্রিবিউট উল্লেখ করতে হবে। বিভিন্ন ব্রাউজার <button> এলিমেন্টের জন্য ভিন্ন ভিন্ন ডিফল্ট টাইপ ব্যবহার করে।
নিচের উদাহরণে <button> দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<button type="button">বাটনে ক্লিক করুন</button>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
- যদি আপনি এইচটিএমএল ফর্মের মধ্যে
<button>এলিমেন্ট ব্যবহার করেন, তাহলে বিভিন্ন ব্রাউজারের ভিন্ন রকম ভ্যালু দেখাতে পারে। তাই এইচটিএমএল ফর্মের মধ্যে বাটন তৈরি করার জন্য<input>ব্যবহার করুন। - সিএসএস দিয়ে কিভাবে বাটনকে স্টাইল করা যায়, তা জানতে আমাদের সিএসএস বাটন টিউটোরিয়াল পেজে ভিজিট করুন।
এট্রিবিউট
নিচের টেবিলে <button> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| autofocus | autofocus | যখন পেইজ লোড হবে তখন বাটন স্বয়ংক্রিয়ভাবে ফোকাস হবে কিনা তা নির্দিষ্ট করে। |
| disabled | disabled | বাটনকে disabled করার জন্য ব্যবহার করা হয়। |
| form | form_id | বাটনকে এক বা একাধিক ফর্মের সাথে সংযুক্ত করে। |
| formaction | URL | ফর্ম সাবমিটের পর ফর্ম-ডাটা কোথায় পাঠানো হবে তা নির্দিষ্ট করার জন্য ব্যবহার করা হয় (শুধুমাত্র type="submit" এর জন্য।) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain |
সার্ভারে পাঠানোর আগে ফর্ম-ডাটা কিভাবে এনকোড করা হবে তা নির্দিষ্ট করার জন্য ব্যবহার করা হয় (শুধুমাত্র type="submit" এর জন্য।) |
| formmethod | get post |
ফর্ম-ডাটা কিভাবে পাঠানো হবে তা নির্দিষ্ট করার জন্য ব্যবহার করা হয় (কোন HTTP মেথড ব্যবহার করতে হবে) (শুধুমাত্র type="submit" এর জন্য) |
| formnovalidate | formnovalidate | ফর্ম-ডাটা সাবমিটের সময় ভ্যালিডেট করা হবে না তা নির্দিষ্ট করে দেয়া হয় (শুধুমাত্র type="submit" এর জন্য।) |
| formtarget | _blank _self _parent _top framename |
ফরম সাবমিটের পর এর রেসপন্স কোথায় দেখানো হবে তা নির্দিষ্ট করার জন্য ব্যবহার করা হয় (শুধুমাত্র type="submit" এর জন্য) |
| name | name | বাটনের নাম নির্দিষ্ট করার জন্য ব্যবহার করা হয়। |
| type | button reset submit |
বাটনের type নির্দিষ্ট করে দেয়ার জন্য ব্যবহার করা হয়। |
| value | text | বাটনের জন্য একটি প্রাথমিক ভ্যালু নির্দিষ্ট করে দেয়। |
<button> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |