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

کنترل رفتار ورودی‌ها

علاوه بر type و name، چند ویژگی دیگر هم روی <input> رفتار و ظاهر آن را دقیق‌تر کنترل می‌کنند.

value — مقدار پیش‌فرض

value-attr.html
<input type="text" name="city" value="تهران">

placeholder — متن راهنما

این ویژگی یک متن کم‌رنگ داخل فیلد خالی نمایش می‌دهد که با شروع تایپ کاربر، ناپدید می‌شود؛ فقط یک راهنماست و جایگزین label نیست.

placeholder.html
<input type="text" placeholder="نام خود را وارد کنید">

readonly و disabled

readonly فیلد را قابل‌مشاهده اما غیرقابل‌ویرایش می‌کند و مقدار آن هنگام ارسال فرم فرستاده می‌شود. disabled فیلد را کاملاً غیرفعال می‌کند و مقدار آن اصلاً ارسال نخواهد شد.

readonly-disabled.html
<input type="text" value="غیرقابل تغییر" readonly>
<input type="text" value="غیرفعال" disabled>

size و maxlength

size عرض تقریبی فیلد را بر حسب تعداد کاراکتر قابل‌مشاهده تعیین می‌کند و maxlength حداکثر تعداد کاراکتر قابل ورود را محدود می‌کند.

size-maxlength.html
<input type="text" size="10" maxlength="6">
نکته: ویژگی‌های readonly، disabled و required از نوع «بولی» هستند؛ یعنی صرف نوشتن نام آن‌ها در تگ کافی است و نیازی به مقداردهی ندارند.