No input types match your search.
Every HTML <input> type with live examples, attributes, browser support & mobile keyboard info
Every input type renders live — interact with them directly in the browser to see real behavior.
See exactly which virtual keyboard each type triggers on iOS and Android devices.
Built-in browser validation for each type — pattern matching, range checks, and required fields.
One click to copy production-ready HTML for any input type. Paste directly into your project.
text and search input types?▼search type is semantically for search fields. Browsers may style it differently (rounded corners, clear X button). It also triggers a search-optimized keyboard on some mobile devices. Functionally, both accept free-form text, but search signals intent to browsers and assistive technology.email, url, number, tel (with pattern), date/time variants, and file (with accept) all have built-in validation. Required fields, min/max, minlength/maxlength, and pattern attributes add further constraints. Browsers show native error tooltips when validation fails on form submit.appearance: none or appearance: textfield to strip native styling, then apply your own. For range, color, file, and date inputs, you'll need vendor-specific pseudo-elements (::-webkit-slider-thumb, ::-webkit-color-swatch, etc.). Normalize.css or modern-CSS-reset can help as a base layer.