در حال بارگذاری...

انواع input HTML

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.

📊 انواع input مقدماتی

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%
برای قبولی
♾️
∞
زمان
🔄
∞
تلاش‌ها

📝 دستورالعمل‌ها

  • هر سوال را با دقت بخوانید
  • بهترین پاسخ را برای هر سوال انتخاب کنید
  • می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
  • پیشرفت شما در بالا نمایش داده می‌شود