Learn More

HTML button | बटन टैग | Hindi

HTML में button का उपयोग किसी प्रोसेस (process) को पूरा करने के लिए किया जाता हैं। इस पहले कुछ tutorials में हमने HTML input boxes , HTML select tage and option tag | Option list , HTML checkbox और HTML textarea के बारे में सिखा था को की HTML फॉर्म के एलेमेंट्स हैं जिनके द्वारा information को प्रोसेस (process) किया जाता हैं ।

इस tutorial में हम HTML Button के बारे में सीखेंगे ।

HTML button | Hindi

HTML बटन एक अन्य प्रकार का बॉक्स होता हैं जिसपर क्लिक किया जा सकता हैं ।  साधारण हिंदी भाषा में समझते हैं जैसे की आपने facebook या google पर लॉग इन किया होगा तो वहां पर ईमेल और password डाल कर एक बटन (button ) पर क्लिक करते हैं इस button के दुआर form को द्वारा कराया जाता हैं ।

HTML में बटन कैसे बनाये | How to create button in HTML - –

HTML में बटन बनाना बहुत ही आसन होता हैं । HTML में button को 2 तरह से बनाया जा सकता हैं ।

  1. HTML <button> tag के द्वारा
  2. HTML input type submit के द्वारा

चलिए विस्तार से समझते हैं ।

1. HTML button tag

HTML <button> टैग - – HTML में बटन बनाने के लिए <button> टैग का उपयोग किया जा सकता हैं । Button tag के द्वारा बटन बनाना बहुत ही आसान होता हैं ।

<!DOCTYPE html>
<html>
<head>
<title> HTML button tag in Hindi </title>
</head>
<body>
</body> </html>

Output-

 
 

उपर दिए गए उदाहरण में हमने <बटन></button> tag के बिच में एक text submit लिखा हैं जो की बटन टेक्स्ट (button text) का काम करता हैं जिस पर क्लिक भी किया जा सकता  हैं । HTML के अन्य टैग की तरह <button> टैग को भी क्लोज </button> करना होता हैं ।

इस तरह से बटन टैग के द्वारा button बन जाता हैं ।

2. HTML input type submit – | Create Button

  एक पिछले tutorial में हमने HTML input बॉक्स | टेक्स्ट boxes के बारे में सिखा था वहां पर हमने <input> टैग के attribute type का उपयोग भी किया था । अब हम यहाँ पर <input> टैग के attribute type का उपयोग करके एक बटन बनायेंगे ।

इस तरीके से बटन बनाने के लिए HTML input टैग के type attribute की वैल्यू submit देनी पड़ती हैं ।

चलिए उदाहरण से समझते हैं ।

<!DOCTYPE html>
<html>
<head>
<title> HTML input type submit </title>
</head>
<body>
</body> </html>

Output-

 
 

उपर दिए गए उदाहरण में हमने input type को submit वैल्यू दी हैं जिसके द्वारा एक बटन बन गया हैं ।

इस button पर submit लिखा आता हैं जो की default होता हैं यदि आपको बटन टेक्स्ट को बदलना हैं तो आप value attribute का उपयोग करके कोई भी नाम दे सकते हैं ।

<!DOCTYPE html>
<html>
<head>
<title> Type submit value  </title>
</head>
<body>
</body> </html>

Output-

 

उपर दिए गए उदाहरण में हमने value को login दिया हैं जिस से बटन का टेक्स्ट Login हो गया हैं । इसी तरह से HTML में button को बनाया जा सकता हैं ।

Recommended Posts:-

Previous Posts:-