اتریبیوت‌های تگ input در HTML
تگ input یکی از پرکاربردترین عناصر در HTML است که برای دریافت اطلاعات از کاربران استفاده می‌شود. این تگ دارای اتریبیوت‌های متنوعی است که هر کدام رفتار و ظاهر آن را تغییر می‌دهند.
برای یادگیری عمیق‌تر درباره اتریبیوت‌های input، می‌توانید به اتریبیوت های تگ input مراجعه کنید.
انواع اتریبیوت‌های اصلی
| اتریبیوت |
توضیحات |
| type |
نوع فیلد ورودی را مشخص می‌کند (مثل text, password, email) |
| name |
برای شناسایی فیلد هنگام ارسال فرم استفاده می‌شود |
| value |
مقدار پیش‌فرض فیلد را تعیین می‌کند |
| placeholder |
متن راهنما که هنگام خالی بودن فیلد نمایش داده می‌شود |
اتریبیوت‌های پیشرفته
برخی اتریبیوت‌های تگ input برای کاربردهای خاص طراحی شده‌اند:
- required: فیلد را اجباری می‌کند
- readonly: فیلد فقط قابل خواندن است (غیرقابل ویرایش)
- disabled: فیلد غیرفعال می‌شود
- maxlength: حداکثر تعداد کاراکترهای مجاز
- pattern: اعتبارسنجی با استفاده از regex
نکته: اتریبیوت autocomplete به مرورگر اجازه می‌دهد مقادیر قبلی را برای پر کردن خودکار پیشنهاد دهد.
کاربرد عملی
در اینجا نمونه‌ای از یک فرم ورود با استفاده از اتریبیوت‌های مختلف را مشاهده می‌کنید:
<form action="/login" method="post">
<input type="email" name="user_email" placeholder="ایمیل خود را وارد کنید" required>
<input type="password" name="user_pass" placeholder="رمز عبور" minlength="8">
<input type="submit" value="وارد شوید">
</form>
برای مشاهده مثال‌های بیشتر و توضیحات کامل‌تر، حتماً به اتریبیوت های تگ input مراجعه کنید.
