HTML5 Input Type Number

Test Your Skill

Q. Which of the following input type was not introduced with HTML5.
URLSearchmultipleEmail

View all questions...

HTML5 Input Type Number

Number is new input type introduced with HTML5. This type can be used when you want to allow the user to add only numeric value is the input field. There are number of addition option attributes that will allow to add extra restriction on the user input.

List of attributes that help add extra level of filtrationon the user input

Attributes(value=[number])	Description
Min	Minimum accepted value for the input field
Max	Maximum value for the input field
Step	Legal interval value i.e. if step = 2 possible value for the are all number in range of max and min with value%2 = 0
Value	This is default value associated with input field.
Placeholder(value=[text])	Hint text associated with input field

<html>

<head>

</head>

<body>

<div>

</div>

</body>

</html>

Try it yourself

The default value of the input field is the number supplied in the value attribute, Will allow only numeric value. Field has slider associated with it which is used to increase or decrease the value. Value will increase or decrease by the amount equal to stepvalue.

Note: Browser not supporting type=number will render it asnormal text input field. So you can start using the same in place where yourequired to have field that allow only numeric value.

<< Previous

Next >>

Add Comment

Comment

Name
(Required)

E-mail (Privacy assured)
(Required)

Subscribe to this site by email

Test Your Skill

HTML5 Input Type Number

Add Comment

Poll of the Day

Related Contents

Online Test Papers

Related Tutorials

Fun @ Work

Top Blogs