فرم‌ها · ۸ دقیقه مطالعه

ویژگی‌های input و اعتبارسنجی

ویژگی‌های پرکاربرد

<input required>               اجباری
<input placeholder="راهنما">   متن راهنما
<input value="پیش‌فرض">
<input readonly>  <input disabled>
<input minlength="3" maxlength="20">
<input min="1" max="100">      برای عدد
<input pattern="[0-9]+">       الگوی دلخواه
<input autocomplete="off">

اعتبارسنجی سمت کلاینت

با required, type, minlength, pattern مرورگر قبل از ارسال بررسی می‌کند.

⚠️ مهم‌ترین نکتهٔ امنیتی

اعتبارسنجی مرورگر فقط برای تجربهٔ بهتر است؛ کاربر می‌تواند دورش بزند. سرور باید همیشه دوباره بررسی کند. هیچ‌وقت فقط به اعتبارسنجی سمت کلاینت اعتماد نکن.

🧪

خودت امتحان کن

اجرا در مرورگرِ خودت — امن

کد را تغییر بده و «اجرا» را بزن. این کد فقط در مرورگر خودت اجرا می‌شود.

برای ثبت پیشرفت و کسب XP وارد شو.

ورود به میدان
→ عناصر فرم و انواع input