The Truth About HTML5 (For Web Designers) by Luke Stevens

Author:Luke Stevens
Language: eng
Format: mobi, epub
Tags: COMPUTERS / Web / Site Design, COMPUTERS / Programming Languages / HTML
Publisher: Indie Digital Pty Ltd
Published: 2012-05-17T23:00:00+00:00

Figure 8.6. The number input type usually gives a number spinner.

This is a case of the browser makers letting the side down with lousy native interface widgets. There are better JavaScript methods for giving users up/down arrows to increment a value, and any widget you design yourself is going to be more usable than the WebKit implementation.

The UI problems, poor browser support, and inconsistent implementation make it too early to implement.

For more, see: http://wufoo.com/​html5/​types/​7-number.html

Input Type: Range (Slider)

<input type="range" name="myslider" min="0" max="10" step="2">

The type="range" input gives us a slider, which is fine. Support is absent in Firefox, but has been present in Opera and WebKit (i.e. Chrome and Safari) for a long time, and support will be present in IE10. It’s also supported in iOS5. You can also use the attributes min, max, and step to constrain the possible values, and the increments the slider can move in.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.