در حال بارگذاری...

ویژگی‌های input HTML

علاوه بر type، inputها attribute دارند که قوانین و راهنما می‌دهند: required، placeholder، محدوده و بیشتر.

پاسخ مستقیم

کمک‌کننده‌های رایج: name، id، value، placeholder، required، min، max، step، maxlength، pattern، disabled، readonly. برای راهنمایی کاربر و بررسی اولیه مرورگر — داده مهم را بعداً روی سرور هم بررسی کنید.

📊 ویژگی‌های کاربردی input

Attribute Role
placeholder Hint text inside an empty field
required Field must be filled before submit
min / max / step Limits for number/date-like types
maxlength Max characters for text-like types
pattern Regex-like allowed pattern
disabled Control not usable / not submitted
readonly Visible but not editable

Attributes on inputs

html
HTML Code 
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>

<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">

امتحان کنید

  1. فیلد email را required با placeholder کنید
  2. number با min و max
  3. ارسال خالی — پیام مرورگر
  4. maxlength روی کد کوتاه

اشتباهات آسان

  • فقط تکیه به مرورگر بدون بررسی سرور
  • disabled برای فیلدهایی که باید ارسال شوند
  • pattern خیلی پیچیده

خلاصه

  • attributeها رفتار input را دقیق می‌کنند
  • required، محدوده و maxlength روزمره
  • placeholder راهنماست، نه label
  • هر فیلد visible را label بزنید

🧠 دانش خود را بیازمایید

آماده شروع

دانش خود را بیازمایید

خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید

❓
5
سوالات
🎯
70%
برای قبولی
♾️
∞
زمان
🔄
∞
تلاش‌ها

📝 دستورالعمل‌ها

  • هر سوال را با دقت بخوانید
  • بهترین پاسخ را برای هر سوال انتخاب کنید
  • می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
  • پیشرفت شما در بالا نمایش داده می‌شود
موضوع 1 از 1
Html آموزش