Jassif Team Institution

HTML Buttons

বোতাম ব্যবহারকারীদের একটি ওয়েব পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করতে দেয়। তারা ফর্ম জমা দিতে পারে, জাভাস্ক্রিপ্ট চালাতে পারে, বা ক্লিক করার সময় বিভিন্ন অ্যাকশন ট্রিগার করতে পারে।

HTML Button

HTML <button> উপাদান একটি ক্লিকযোগ্য বোতাম সংজ্ঞায়িত করে।

নিজে থেকে, একটি বোতাম কিছুই করে না যতক্ষণ না আপনি এটিতে একটি অ্যাকশন যোগ করেন।

Example

<button>Click Me</button>

Styling HTML Buttons

বোতামগুলি প্রায়শই CSS দিয়ে স্টাইল করা হয়:

Example

<button class="mytestbtn">Green Button</button>

Disabled Buttons

একটি বোতাম অ-ক্লিকযোগ্য করতে নিষ্ক্রিয় বৈশিষ্ট্য ব্যবহার করুন:

Example

<button disabled>Disabled Button</button>

Button with JavaScript

ব্যবহারকারী অনক্লিক বৈশিষ্ট্য ব্যবহার করে একটি বোতামে ক্লিক করলে আপনি জাভাস্ক্রিপ্ট চালাতে পারেন:

Example

<button onclick="alert('Hello!')">Click Me</button>

Button Types

টাইপ অ্যাট্রিবিউট সংজ্ঞায়িত করে যে একটি বোতাম ক্লিক করার সময় কী করে। তিন ধরনের বোতাম আছে:

type="button" - A normal clickable button (does nothing by default)
type="submit" - Submits a form
type="reset" - Resets all form fields

<button type="button">Normal Button</button>
<button type="submit">Submit</button>
<button type="reset">Reset</button>

বোতামগুলি প্রায়শই ফর্মগুলির ভিতরে ব্যবহৃত হয়, যা আপনি পরবর্তী অধ্যায়ে শিখবেন।

আপাতত, মনে রাখবেন যে একটি জমা বোতাম সার্ভারে ফর্ম ডেটা পাঠায়, যখন একটি রিসেট বোতাম ফর্মটি সাফ করে:

Example

<form action="/action_page.php">
  First name: <input type="text" name="fname">
  <button type="submit">Submit</button>
  <button type="reset">Reset Form</button>
</form>

HTML Button Reference