عنصر <input> در HTML با استفاده از ویژگی type می‌تونه انواع مختلفی از فیلدها رو بسازه.

🔹 1. type="text"

برای دریافت متن ساده.

نام: <input type="text" name="username">

🔹 2. type="password"

برای دریافت رمز (کاراکترها مخفی می‌شن).

رمز عبور: <input type="password" name="password">

🔹 3. type="email"

برای وارد کردن ایمیل (مرورگر ولیدیشن انجام می‌ده).

ایمیل: <input type="email" name="email">

🔹 4. type="number"

برای وارد کردن اعداد.

سن: <input type="number" name="age" min="1" max="100">

🔹 5. type="tel"

برای وارد کردن شماره تلفن.

تلفن: <input type="tel" name="phone">

🔹 6. type="url"

برای وارد کردن آدرس سایت.

وب‌سایت: <input type="url" name="website">

🔹 7. type="date"

برای انتخاب تاریخ.

تاریخ تولد: <input type="date" name="birthday">

🔹 8. type="time"

برای انتخاب ساعت.

ساعت: <input type="time" name="time">

🔹 9. type="datetime-local"

برای انتخاب تاریخ و ساعت باهم.

جلسه: <input type="datetime-local" name="meeting">

🔹 10. type="month"

برای انتخاب ماه و سال.

ماه: <input type="month" name="month">

🔹 11. type="week"

برای انتخاب هفته.

هفته: <input type="week" name="week">

🔹 12. type="color"

برای انتخاب رنگ.

انتخاب رنگ: <input type="color" name="favcolor">

🔹 13. type="checkbox"

برای انتخاب چند گزینه.

<input type="checkbox" name="lang" value="html"> HTML
<input type="checkbox" name="lang" value="css"> CSS

🔹 14. type="radio"

برای انتخاب یک گزینه از چندین مورد.

<input type="radio" name="gender" value="male"> مرد
<input type="radio" name="gender" value="female"> زن

🔹 15. type="file"

برای آپلود فایل.

آپلود فایل: <input type="file" name="myfile">

🔹 16. type="range"

برای انتخاب یک مقدار در یک بازه.

صدا: <input type="range" name="volume" min="0" max="100">

🔹 17. type="search"

برای جستجو (ظاهر متفاوت در بعضی مرورگرها).

جستجو: <input type="search" name="q">

🔹 18. type="hidden"

برای ذخیره داده‌های مخفی که کاربر نمی‌بینه.

<input type="hidden" name="userid" value="1234">

🔹 19. type="submit"

برای ارسال فرم.

<input type="submit" value="ارسال">

🔹 20. type="reset"

برای ریست کردن فرم.

<input type="reset" value="بازنشانی">

🔹 21. type="button"

برای ساخت دکمه عادی (معمولاً همراه جاوااسکریپت).

<input type="button" value="کلیک کن" onclick="alert('سلام!')">

✅ جمع‌بندی

HTML بیش از ۲۰ نوع ورودی داره که مهم‌ترینشون شامل:
📝 text, password, email, number
📅 date, time, datetime-local, month, week
🎨 color, file, range
✔ checkbox, radio
🔘 submit, reset, button, hidden