एचटीएमएल <बटन> विशेषता टाइप करें

<घंटा/>

बटन के प्रकार को सेट करने के लिए <बटन> तत्व की प्रकार विशेषता का उपयोग किया जाता है। निम्नलिखित वाक्य रचना है -

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

ऊपर, हमने बटन एलिमेंट के लिए सेट किए गए विभिन्न प्रकारों को दिखाया है:सबमिट -

बटन: क्लिक करने योग्य बटन
सबमिट करें: सबमिट बटन (फॉर्म-डेटा सबमिट करें)
रीसेट करें: इसे प्रारंभिक मान पर रीसेट करने के लिए यह एक रीसेट बटन है।

आइए अब HTML में बटन एलीमेंट के टाइप एट्रिब्यूट को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h2>Investor Information</h2>
<p>Give the information about the investor interested in funding:</p>
<form action="" method="get">
   ID: <input type="number"><br>
   Investor: <input type="text"><br>
   Funds: <input type="number"><br>
   Email: <input type="email"><br>
   DOB: <input type="date"><br><br>
   <button type="submit" value="Submit">Submit</button>
   <button type="reset" value="Reset">Reset</button>
</form>
</body>
</html>

यह सबमिट और रीसेट बटन के साथ निम्न आउटपुट उत्पन्न करेगा -

एचटीएमएल बटन विशेषता टाइप करें

उपरोक्त उदाहरण में, हमने प्रपत्र तत्वों और बटनों के साथ एक प्रपत्र बनाया है -

<form action="" method="get">
   ID: <input type="number"><br>
   Investor: <input type="text"><br>
   Funds: <input type="number"><br>
   Email: <input type="email"><br>
   DOB: <input type="date"><br><br>
   <button type="submit" value="Submit">Submit</button>
   <button type="reset" value="Reset">Reset</button>
</form>

बटन प्रकार हमने सबमिट करने के लिए सेट किया है और साथ ही एक और बटन, जो रीसेट के लिए होगा -

<button type="submit" value="Submit">
   Submit
</button>
<button type="reset" value="Reset">
   Reset
</button>