Jassif Team Institution

HTML Buttons

बटन उपयोगकर्ताओं को वेब पेज के साथ इंटरैक्ट करने की अनुमति देते हैं। वे कदम सबमिट कर सकते हैं, जावास्क्रिप्ट चला सकते हैं, या क्लिक करने पर विभिन्न क्रियाएं ट्रिगर कर सकते हैं।

HTML Button

HTML <बटन> तत्व एक क्लिक करने योग्य बटन को परिभाषित करता है।

अपने आप में, एक बटन तब तक कुछ नहीं करता जब तक आप उसमें कोई क्रिया संलग्न नहीं करते।

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