HTML and CSS Reference
In-Depth Information
To present the date and time input fields separately, as shown in Figures
3-9
and
3-10
, use separate input fields with the HTML5
type
values
date
and
time
:
<form>
<fieldset>
<legend>Appointment Request</legend>
<p><label>Date <input
type="date"
name="date"></label></p>
<p><label>Time <input
type="time"
name="time"></label></p>
</fieldset>
<p><button type="submit">Submit</button></p>
</form>
Figure 3-9. Date and time input fields in Opera 11
