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

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

<button> এলিমেন্টের type অ্যাট্রিবিউট বাটনের আচরণ (behavior) নির্ধারণ করে। এটি ফর্মের ভিতরে থাকলে খুবই গুরুত্বপূর্ণ।

সিনট্যাক্স

<button type="button | submit | reset">

টাইপসমূহ

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>বিনিয়োগকারী তথ্য</h2>
  <p>বিনিয়োগকারী কো কোনদিকের তথ্য দিন:</p>
  <form action="" method="get">
    ID: <input type="number"><br>
    বিনিয়োগকারী: <input type="text"><br>
    ফান্ড: <input type="number"><br>
    Email: <input type="email"><br>
    DOB: <input type="date"><br><br>
    <button type="submit" value="Submit">Submit</button>
    <button type="reset" value="Reset">Reset</button>
  </form>
</body>
</html>

আউটপুট

ব্যাখ্যা

<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>

• Submit — ফর্ম ডেটা সার্ভারে পাঠাবে
• Reset — সব ইনপুট ফিল্ড খালি/ডিফল্ট মানএ ফেরত দেবে

value অ্যাট্রিবিউটের ভূমিকা

• type="submit" হলে value সার্ভারে পাঠানো হয় (সার্ভার জানতে পারে কোন বাটন ক্লিক করা হয়েছিল)
• type="button" বা type="reset" হলে value সাধারণত ব্যবহৃত হয় না (বাটন লেবেল হলো ইনার HTML)

সেরা অনুশীলন

• সদা type স্পষ্টভাবে লিখুন।
• JS-চালিত বাটনে type="button" ব্যবহার করুন।
• <button>-এর ভিতরে HTML রাখা যায় (আইকন, ইমেজ, স্প্যান) — <input>-এ সম्भব নয়।