HTML में, <input type="button" /> का उपयोग HTML फॉर्म में बटन बनाने के लिए किया जाता है। <button> टैग के अंदर, आप टेक्स्ट या इमेज जैसी सामग्री रख सकते हैं। लेकिन, <input> टैग से बने बटनों के साथ ऐसा नहीं है।
HTML <button> टैग
यह HTML फॉर्म के भीतर एक बटन बनाने के लिए उपयोग किया जाता है और <button> टैग के अंदर, आप टेक्स्ट या इमेज जैसी सामग्री रख सकते हैं।
उदाहरण
बटन में इमेज जोड़ने के लिए <button> टैग का उपयोग करने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <body> <button onclick="alert('HTML सीखें')"> <img src="https://www.tutorialspoint.com/html/images/html-mini-logo.jpg" alt="HTML सीखें" height="80" width="100"> </button> </body> </html>HTML <input type="button" />
type एट्रिब्यूट का उपयोग <input> टैग के अंदर बटन जोड़ने के लिए किया जाता है।
उदाहरण
<input type="button"> के उपयोग के बारे में जानने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <title>HTML बटन</title> </head> <body> <form action="/new.php"> छात्र का नाम:<br> <input type="text" name="sname"> <br> विषय:<br> <input type="text" name="ssubject"> <br> <input type="submit" value="सबमिट"> </form> </body> </html>
मुख्य अंतर: <button> में HTML सामग्री (इमेज, टेक्स्ट, आइकन) हो सकती है, <input> केवल मान एट्रिब्यूट में टेक्स्ट ले सकता है।
