Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

ptg16476052

330 LESSON 12: Designing Forms

Input ▼

<label>How much do you like our product?<br>

Not at all <input type="range" id="likes" min="0" max="5" value="4.3"> More

than anything

</label>

As you can see in Figure 12.8, the range slider doesn’t give specific values, even though

they are included in the input element.

Output ▼

HTML5 provides several date and time types you can use to collect more specific dates

from your customers.

date Collects the month, day, and year you need

datetime Collects the month, day, and year as well as the hours, minutes,

and seconds

datetime-localCollects the local date and time including time zone information

month Collects the month and year

week Collects the week number and year

time Collects the time in hours, minutes, and seconds

FIGURE 12.8

A range input type.