نوع ورودی هم معنا دارد هم رفتار
type="text" متن عمومی است. email و url بررسی قالب پایه دارند؛ tel برای شماره تلفن است اما قالب جهانی یکسانی را خودکار اعتبارسنجی نمی‌کند. search برای جست‌وجو و password برای پنهان‌کردن نمایشی متن است؛ password داده را رمزگذاری نمی‌کند.
<label for="mail">ایمیل</label>
<input id="mail" name="email" type="email" autocomplete="email">
<label for="phone">شماره تماس</label>
<input id="phone" name="phone" type="tel" autocomplete="tel">
<label for="qty">تعداد همراه</label>
<input id="qty" name="guests" type="number" min="0" max="4" step="1">
<label for="day">روز مراجعه</label>
<input id="day" name="day" type="date">
number برای کمیت عددی با افزایش و کاهش مناسب است، نه شناسه‌هایی مثل کدپستی یا شماره تلفن که صفر آغازین دارند. inputmode="numeric" برای یک ورودی متنی می‌تواند صفحه‌کلید عددی را پیشنهاد کند؛ خودش اعتبارسنجی نیست.
date، time، datetime-local، month و week داده‌های زمانی‌اند؛ datetime-local منطقهٔ زمانی ندارد. شکل کنترل و نمایش تاریخ به مرورگر وابسته است. range انتخاب مقدار در بازه و color انتخاب رنگ است. مقدار date در ارسال ساختار استاندارد میلادی دارد، حتی اگر نمایش محلی فرق کند.
autocomplete به مرورگر می‌گوید داده از چه نوعی است. ورودی‌ها را با label روشن و توضیح قالب مورد انتظار همراه کن. در نمونه‌ها از اطلاعات ساختگی استفاده کن.