HTML में पुश बटन जोड़ने के लिए <button> टैग का उपयोग करें। HTML <button> टैग HTML फॉर्म के भीतर बटन बनाने के लिए उपयोग किया जाता है। आप <input> टैग का उपयोग करके भी समान बटन बना सकते हैं।
<button> टैग के निम्न एट्रिब्यूट्स हैं:
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| autofocus | autofocus | पेज लोड होने पर बटन को इनपुट फोकस मिलना चाहिए |
| disabled | disabled | बटन डिसेबल है |
| form | form_id | बटन किस फॉर्म से संबंधित है |
| formaction | URL | फॉर्म कहां सबमिट होता है |
| formenctype | application/x-www-form-urlencoded, multipart/form-data, text/plain | फॉर्म डेटा सर्वर भेजने से पहले कैसे एन्कोड हो |
| formmethod | get, post | फॉर्म डेटा कैसे भेजें |
| formnovalidate | formnovalidate | फॉर्म डेटा मान्य नहीं होना चाहिए |
| formtarget | _blank, _self, _parent, _top | प्रतिक्रिया कहां प्रदर्शित हो |
| name | Name | बटन का नाम |
| type | button, reset, submit | बटन का प्रकार |
| value | Text | बटन का प्रारंभिक मान |
उदाहरण
HTML में <button> टैग लागू करने का कोड:
<!DOCTYPE html>
<html>
<head>
<title>HTML Button Tag</title>
</head>
<body>
<form>
<button name="button" value="OK" type="button">My Button</button>
</form>
</body>
</html>
<button> बनाम <input type="button">: <button> में HTML कंटेंट हो सकता है (इमेज, बोल्ड टेक्स्ट, आदि), स्टाइल करना आसान है। type डिफ़ॉल्ट submit है - फॉर्म में बटन के लिए हमेशा type="button" निर्दिष्ट करें यदि सबमिट नहीं करना चाहते।