نمونه کد

یک نمونه ساده از تگ <form> با دو فیلد <input>:

آزمایشگاه

تعریف و کاربرد

از ویژگی type برای مشخص کردن نوع <input> (نوع اطلاعات دریافتی از کاربر) استفاده می شود.

در صورتی که ویژگی type را ننویسیم، <input> به صورت پیشفرض روی type="text" مقداردهی می شود.

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
type=""

شیوه نگارش

مقدارهای ویژگی

مقادیر توضیحات
button برای ساخت دکمه قابل کلیک کردن، استفاده می شود.
checkbox برای ساخت چک باکس (چند انتخابی) استفاده می شود.
color برای انتخاب رنگ استفاده می شود.
date برای انتخاب تاریخ (سال، ماه، روز) استفاده می شود. زمان (ساعت، دقیقه، ثانیه) را شامل نمی شود.
datetime-local برای انتخاب تاریخ (سال، ماه، روز) و زمان (ساعت، دقیقه، ثانیه) استفاده می شود. منطقه زمانی (timezone) را شامل نمی شود.
email برای دریافت پست الکترونیک استفاده می شود.
file برای انتخاب فایل استفاده می شود.
hidden برای ساخت یک <input> پنهان استفاده می شود.
image برای مشخص کردن یک تصویر به عنوان دکمه submit است.
month برای مشخص کردن ماه و سال استفاده می شود.
number برای دریافت عدد استفاده می شود.
password برای دریافت کلمه عبور استفاده می شود.
radio برای ساخت دکمه رادیویی (یک انتخابی) استفاده می شود.
range برای دریافت عدد از یک محدوده مشخص شده، به صورت گرافیکی، استفاده می شود.
reset به صورت دکمه قابل کلیلک برای پاک کردن اطلاعات فرم استفاده می شود.
search برای جستجو یک عبارت استفاده می شود.
submit برای ساخت یک دکمه قابل کلیک، که باعث ارسال اطلاعات فرم می شود.
tel برای وارد کردن تلفن استفاده می شود.
text برای نوشتن متن یک خطی استفاده می شود.
time برای انتخاب زمان (ساعت، دقیقه، ثانیه) استفاده می شود. تاریخ (سال، ماه، روز) را شامل نمی شود. منطقه زمانی (timezone) را شامل نمی شود.
url برای نوشتن یک URL استفاده می شود.
week برای مشخص کردن هفته و سال استفاده می شود.