HTML <button> टैग
<button> टैग HTML में एक क्लिक करने योग्य बटन बनाता है। <input type="button"> के विपरीत, <button> टैग के अंदर HTML कंटेंट (इमेज, आइकन, फॉर्मेटेड टेक्स्ट) रख सकते हैं।
मुख्य एट्रिब्यूट्स
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| autofocus | autofocus | पेज लोड होने पर बटन पर फोकस सेट करता है |
| disabled | disabled | बटन को अक्षम करता है |
| form | form_id | बटन जिस फॉर्म से संबंधित है उसकी ID |
| formaction | URL | type="submit" के लिए: फॉर्म डेटा कहाँ भेजना है |
| formenctype | encoding type | type="submit" के लिए: डेटा एन्कोडिंग प्रकार |
| formmethod | get/post | type="submit" के लिए: HTTP मेथड |
| formnovalidate | formnovalidate | type="submit" के लिए: वैलिडेशन छोड़ें |
| formtarget | _blank/_self/_parent/_top | type="submit" के लिए: रिस्पॉन्स कहाँ खोलें |
| name | name | बटन का नाम |
| type | button/reset/submit | बटन का प्रकार (डिफ़ॉल्ट: submit) |
| value | text | बटन का प्रारंभिक मान |
उदाहरण: डिसेबल्ड और सामान्य बटन
<!DOCTYPE html>
<html>
<body>
<h2>डेमो हेडिंग</h2>
<p>हमने नीचे डेमो टेक्स्ट जोड़ा है:</p>
<textarea rows="4" cols="50">
यहां हम HTML में अवधारणाओं, एलिमेंट्स और एट्रिब्यूट्स सीख रहे हैं!
</textarea><br>
<button type="button" disabled>पिछला</button>
<button type="button">अगला</button>
</body>
</html>
आउटपुट
एक डिसेबल्ड "पिछला" बटन और एक सक्रिय "अगला" बटन।
बटन प्रकार
- submit: फॉर्म डेटा सबमिट करता है (डिफ़ॉल्ट)
- reset: फॉर्म फील्ड्स को प्रारंभिक मानों पर रीसेट करता है
- button: कोई डिफ़ॉल्ट व्यवहार नहीं, JavaScript के लिए उपयोगी
