ABSTRACT
As you might expect, the new attributes still support the existing text, password, and submit attributes. Using the new INPUT attributes will look as follows for a form.
<FORM>
<label >First Name </label>
<input name=“FirstName” type=“text”>
<label >Last Name </label>
<input name=“LastName” type=“text”>
<label >Date Of Birth </label>
<input name=“DOB” type=“date”>
<label >Email Address </label>
<input name=“email” type=“email”>
<label >Your Personal Web Site</label>
<input name=“WebSite” type=“URL”>
<label >How Many Hours Do You Surf The Web Each Week?</label>
<input name=“SurfWeb” type=“range” min=“1” max=“20” value=“0”><output name=“result” onforminput=“value=a.value”>0</output>
</FORM>
As you can see from Figure 1.11, applying the different INPUT attributes is very easy in HTML5.