HTML <button> type एट्रिब्यूट: बटन प्रकार सेट करना

<button> type एट्रिब्यूट

type एट्रिब्यूट <button> एलिमेंट का प्रकार निर्दिष्ट करता है। यह निर्धारित करता है कि फॉर्म में बटन क्लिक होने पर क्या होता है।

सिंटैक्स

<button type="button | submit | reset">

प्रकार

उदाहरण: निवेशक जानकारी फॉर्म

<!DOCTYPE html>
<html>
<body>
  <h2>निवेशक जानकारी</h2>
  <p>फंडिंग में रुचि रखने वाले निवेशक के बारे में जानकारी दें:</p>
  <form action="" method="get">
    ID: <input type="number"><br>
    निवेशक: <input type="text"><br>
    फंड: <input type="number"><br>
    ईमेल: <input type="email"><br>
    जन्म तिथि: <input type="date"><br><br>
    <button type="submit" value="Submit">सबमिट</button>
    <button type="reset" value="Reset">रीसेट</button>
  </form>
</body>
</html>

आउटपुट

एक फॉर्म जिसमें "सबमिट" (फॉर्म भेजता है) और "रीसेट" (फॉर्म क्लियर करता है) बटन हैं।

कोड व्याख्या

<button type="submit" value="Submit">सबमिट</button>
<button type="reset" value="Reset">रीसेट</button>

महत्वपूर्ण नोट्स

• डिफ़ॉल्ट प्रकार "submit" है - फॉर्म में बटन बिना type के भी सबमिट कर देगा
• फॉर्म के बाहर बटन के लिए हमेशा type="button" उपयोग करें
• type="button" फॉर्म सबमिशन को रोकता है
• IE पुराने वर्जन्स में डिफ़ॉल्ट "button" था - हमेशा स्पष्ट रूप से घोषित करें

सर्वोत्तम अभ्यास

<!-- फॉर्म में -->
<button type="submit">सहेजें</button>
<button type="reset">रीसेट</button>
<button type="button" onclick="cancel()">रद्द करें</button>

<!-- फॉर्म के बाहर (मॉडल, नेविगेशन, आदि) -->
<button type="button" onclick="openModal()">खोलें</button>