For these text inputs the browser will validate and provide feedback to the user based on rules for the declared type.
| Type | Syntax | Description | Demo |
|---|---|---|---|
| date | <input type="date" name="flightDate"/> |
Browser validates the value is a valid date format. Some browsers provide a date picker. | |
<input type="email" name="emailAddress"/> |
Browser validates the value is a valid email address format. | ||
| number | <input type="number" name="fuelTemp"/> |
Browser validates the value is a valid number format. |
Example
<form action="https://handlers.education.launchcode.org/request-parrot" method="post">
<label>Email<input type="email" name="emailAddress"/></label>
<label>Report Date<input type="date" name="reportDate"/></label>
<label>Crew Count<input type="number"
name="crewCount" min="1" max="10"/></label>
<button>Send Report</button>
</form>
Submitted Values
[email protected]
reportDate=2019-03-08
crewCount=8