लोड हो रहा है...

HTML input types

One tag — input — many behaviors. The type attribute chooses the control style and hints the expected value.

सीधा उत्तर

Set type to text, email, password, number, checkbox, radio, date, file, hidden, or submit. Pair visible inputs with label. Phones may show special keyboards for email and number.

📊 Starter input types

type Use
text General single-line text
email Email addresses
password Masked secrets
number Numeric values
checkbox On/off options (many can be checked)
radio Pick one from a named group
date Calendar date
file Upload a file
submit Submit button-style input (or prefer button)

Several input types

html
HTML Code
<form action="/join" method="post">
<label for="mail">Email</label>
<input id="mail" name="mail" type="email">

<label for="pw">Password</label>
<input id="pw" name="pw" type="password">

<label><input type="checkbox" name="news" value="yes"> Newsletter</label>

<label><input type="radio" name="plan" value="free"> Free</label>
<label><input type="radio" name="plan" value="pro"> Pro</label>

<button type="submit">Join</button>
</form>

आज़माएँ

  1. email + password form
  2. checkbox + radio group same name
  3. submit locally
  4. try number for age

आसान गलतियाँ

  • radios different names
  • text for passwords
  • missing checkbox labels

सारांश

  • type selects behavior
  • match type to data
  • radios share name
  • label visible inputs

🧠 अपने ज्ञान की परीक्षा करें

शुरू करने के लिए तैयार

अपने ज्ञान की परीक्षा करें

इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं

❓
6
प्रश्न
🎯
70%
पास करने के लिए
♾️
∞
समय
🔄
∞
प्रयास

📝 निर्देश

  • हर प्रश्न को ध्यान से पढ़ें
  • हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
  • आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
  • आपकी प्रगति शीर्ष पर दिखाई जाएगी