ویژگی type و انواع مختلف ورودی
عنصر <input> پرکاربردترین عنصر فرم است و ویژگی type روی آن مشخص میکند که این فیلد چه نوع دادهای دریافت میکند؛ از متن ساده گرفته تا تاریخ و رنگ.
input-types.html
<input type="text"> <input type="password"> <input type="email"> <input type="number"> <input type="date"> <input type="checkbox"> <input type="radio">
چکباکس و دکمهی رادیویی
چکباکسها به کاربر اجازهی انتخاب چند گزینهی همزمان میدهند، در حالی که دکمههای رادیویی با یک ویژگی name مشترک، فقط اجازهی انتخاب یک گزینه از میان چند گزینه را میدهند.
radio-checkbox.html
<input type="radio" name="gender" value="male"> مرد <input type="radio" name="gender" value="female"> زن
جدول خلاصهی چند نوع رایج
| مقدار type | کاربرد |
|---|---|
text |
متن تکخطی معمولی |
password |
متن مخفی برای رمز عبور |
file |
آپلود فایل از سیستم کاربر |
range |
انتخاب عدد با یک لغزنده |
نکته: استفاده از نوع درست (مثل
email یا number) باعث میشود مرورگر، بهخصوص روی موبایل، صفحهکلید مناسب همان نوع داده را نمایش دهد.