এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <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> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ


এট্রিবিউট ভ্যালু বর্ণনা
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> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


সম্পর্কিত পেজ