HTML Input Types

HTML انواع مختلفی از input type ها را برای دریافت داده‌ها از کاربران فراهم می‌کند. هر نوع ورودی برای جمع‌آوری اطلاعات خاصی طراحی شده است، مانند متن، عدد، تاریخ، فایل‌ها و غیره. در اینجا مروری بر رایج‌ترین انواع ورودی HTML داریم:

1. <input type="text">

برای ورودی یک خطی متن استفاده می‌شود.

<input type=“text” name=“username” placeholder=“نام کاربری خود را وارد کنید”>

2. <input type="password">

برای وارد کردن رمز عبور است. متن هنگام تایپ مخفی می‌شود.

<input type=“password” name=“password” placeholder=“رمز عبور خود را وارد کنید”>

3. <input type="email">

برای وارد کردن آدرس ایمیل استفاده می‌شود و از اعتبارسنجی ابتدایی فرمت ایمیل پشتیبانی می‌کند.

<input type=“email” name=“email” placeholder=“ایمیل خود را وارد کنید”>

4. <input type="number">

برای وارد کردن مقادیر عددی استفاده می‌شود. می‌توانید حداقل، حداکثر و گام (step) را تنظیم کنید.

<input type=“number” name=“age” min=“18” max=“100” step=“1” placeholder=“سن خود را وارد کنید”>

6. <input type="date">

برای انتخاب تاریخ (سال، ماه و روز) استفاده می‌شود.

<input type=“date” name=“dob”>

7. <input type="time">

برای وارد کردن زمان (ساعت و دقیقه) استفاده می‌شود.

<input type=“time” name=“appt-time”>

9. <input type="checkbox">

برای ایجاد جعبه‌چک‌هایی است که می‌توان گزینه‌های مختلف را انتخاب کرد.

<input type=“checkbox” name=“subscribe” value=“yes”> اشتراک در خبرنامه

10. <input type="radio">

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