جاري التحميل...
أنواع 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 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>جرّب بنفسك
- email + password form
- checkbox + radio group same name
- submit locally
- 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%
للنجاح
∞
الوقت
∞
المحاولات
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى