فصل ۲۸ | فرم‌ها و ورودی‌ها

ویژگی 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) باعث می‌شود مرورگر، به‌خصوص روی موبایل، صفحه‌کلید مناسب همان نوع داده را نمایش دهد.