Game Development Reference
In-Depth Information
The container that holds the input type range uses CSS to toggle the options menu
and fade it out when not in use.
Email input
The email input type looks exactly the same as the old text input type, but with a few
benefits. First, when used in a mobile device, the input type hints to the operating
system what kind of information it expects, in which case the operating system can
display a special keyboard to the user. For example, if the user attempts to enter
data into a number input type, where only numbers are allowed, a mobile operating
system can display a keyboard that only has numbers. In the case of the email type,
the keyboard displayed is normally one that includes the
@
symbol which makes it
easier and more convenient for the user to enter the information into the web form.
The second benefit of using the email input type, which is also a benefit to desktop
users, is that the browser itself can validate the data entered by the user. If the field
is set to be validated and the data in the field does not match the basic format of an
