<button> এবং <input type="button" /> এর পার্থক্য কী?

HTML-এ <button> এবং <input type="button"> এর পার্থক্য

HTML-এ, <input type="button" /> ব্যবহার করে HTML ফর্মে বাটন তৈরি করা হয়। <button> ট্যাগের ভেতরে আপনি টেক্সট বা ইমেজের মতো কন্টেন্ট রাখতে পারেন। কিন্তু <input> ট্যাগ দিয়ে তৈরি বাটনে এটি সম্ভব নয়।

HTML <button> ট্যাগ

এটি HTML ফর্মের ভেতরে বাটন তৈরি করতে ব্যবহৃত হয় এবং <button> ট্যাগের ভেতরে আপনি টেক্সট বা ইমেজের মতো কন্টেন্ট রাখতে পারেন।

নিচের উদাহরণে একটি বাটনে ইমেজ যোগ করা হয়েছে:

উদাহরণ

নিচের কোডটি চালিয়ে <button> ট্যাগ ব্যবহার করে বাটনে ইমেজ যোগ করার পরীক্ষা করতে পারেন:

<!DOCTYPE html>
<html>
  <body>
    <button onclick="alert('Learn HTML')">
      <img src="https://www.tutorialspoint.com/html/images/html-mini-logo.jpg" alt="Learn HTML" height="80" width="100">
    </button>
  </body>
</html>

HTML <input type="button" />

সাবমিট বাটন ক্লিক করলে স্বয়ংক্রিয়ভাবে ফর্ম সাবমিট হয়। HTML ফর্ম ব্যবহার করে সহজে ব্যবহারকারীর ইনপুট নেওয়া যায়। <form> ট্যাগ ব্যবহার করে ফর্ম এলিমেন্ট যোগ করে ব্যবহারকারীর ইনপুট গ্রহণ করা হয়। type অ্যাট্রিবিউট ব্যবহার করে <input> ট্যাগে বাটন যোগ করা হয়।

উদাহরণ

নিচের কোডটি চালিয়ে <input type="button"> এর ব্যবহার শিখুন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Button</title>
  </head>
  <body>
    <form action="/new.php">
      ছাত্রের নাম:<br>
      <input type="text" name="sname"> <br>
      বিষয়:<br>
      <input type="text" name="ssubject"> <br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

প্রমুখ পার্থক্যগুলো: