HTML <button> name অ্যাট্রিবিউট

`<button>` name অ্যাট্রিবিউট

<button> এলিমেন্টের name অ্যাট্রিবিউট বাটনের জন্য একটি নাম নির্দিষ্ট করে। একই নামের একাধিক বাটন থাকতে পারে, কিন্তু value অ্যাট্রিবিউট ভিন্ন রাখলে ফর্ম সাবমিশনের সময় সার্ভার জানতে পারে কোন বাটন ক্লিক করা হয়েছিল।

সিনট্যাক্স

<button name="btn_name">বাটন টেক্সট</button>

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <form action="" method="get">
    কর্মচারীর বিবরণ পান:<br><br>
    <button name="details" type="submit" value="addr">ঠিকানা</button>
    <button name="details" type="submit" value="ph">ফোন</button>
    <button name="details" type="submit" value="appraisal">অ্যাপ্রেজাল %</button>
  </form>
</body>
</html>

আউটপুট

HTML <button> name অ্যাট্রিবিউট

কীভাবে কাজ করে?

তিনটি বাটনের name="details" একই, কিন্তু value ভিন্ন:

<button name="details" type="submit" value="addr">ঠিকানা</button>
<button name="details" type="submit" value="ph">ফোন</button>
<button name="details" type="submit" value="appraisal">অ্যাপ্রেজাল %</button>

যখন ব্যবহারকারী "ঠিকানা" বাটনে ক্লিক করবে, ফর্ম সাবমিট হবে ?details=addr কুয়েরি স্ট্রিংসহ। "ফোন" ক্লিক করলে ?details=ph। এভাবে সার্ভার সাইডে একই নামের ভিন্ন ভ্যালু হ্যান্ডেল করা যায়।

ব্যবহারের ক্ষেত্রসমূহ

একই ফর্মে একাধিক অ্যাকশন বাটন (Save, Delete, Preview ইত্যাদি)
ওয়িজার্ড-স্টাইল ফর্মে "Next", "Previous", "Finish" বাটন
ফিল্টার/সর্টিং অপশন বাটন

দ্রষ্টব্য

type="submit" না হলে (যেমন type="button") ফর্ম সাবমিট হবে না।
value অ্যাট্রিবিউট না দিলে বাটনের ইনার টেক্সটই ভ্যালু হিসেবে যায় (ব্রাউজারভেদে ভিন্ন হতে পারে)।