انواع input ها در HTML
در طراحی فرم‌های وب، المان <input> یکی از پرکاربردترین تگ‌های HTML است که به کاربران امکان ورود داده‌های مختلف را می‌دهد. این المان بسته به نوع ویژگی type می‌تواند رفتارهای کاملاً متفاوتی داشته باشد.
توجه: برای اطلاعات تکمیلی درباره انواع inputها می‌توانید انواع input ها در HTML.
انواع اصلی inputها
| نوع |
توضیحات |
| text |
ورودی تک‌خطی برای متن‌های معمولی |
| password |
مخفی‌کردن کاراکترها با علامت * یا نقطه |
| email |
اعتبارسنجی خودکار فرمت ایمیل |
| number |
فقط اعداد (گاهی با فلچ‌های افزایش/کاهش) |
ویژگی‌های پیشرفته
- placeholder: متن راهنما درون فیلد
- required: اجباری‌کردن پرکردن فیلد
- pattern: اعتبارسنجی با regex
- autocomplete: پیشنهاد خودکار براساس تاریخچه
مثال کاربردی:
<input type="tel" pattern="[0-9]{11}" placeholder="شماره موبایل" required>
نکات مهم طراحی
- همیشه از label برای دسترسی‌پذیری بهتر استفاده کنید
- برای گروه‌بندی فیلدهای مرتبط از fieldset و legend بهره ببرید
- محدودیت‌های طول با minlength/maxlength اعمال شود
توصیه فنی: برای تجربه کاربری بهتر، از انواع جدید input مانند date، color و range در مرورگرهای مدرن استفاده کنید.
