HTML INPUT只能输入数字

html-css011

HTML INPUT只能输入数字,第1张

在html5中,如果想要用表单来设定input对所输入的数字限定,如果输入不是限定中的数字,则会给出提示。下面讲解html5如何设定input对所输入的数字限定。

1、首先新建一个html网页文件,把他命名为test.html,接下来用test.html文件来讲解html5如何设定input对所输入的数字限定。

2、在test.html文件内,需要创建一个表单<form action="" method="get"></form>。

3、给在表单内,加入一个Input,类型为number。<input type="number" name="test" min="1" max="10" />,意思是最小是1,最大是10。

4、最后在浏览器浏览一下test.html,来看看效果能否实现。需要用鼠标点中表单Submit按钮,就完成了 。

input属性为number,做if判断,然后slice选取 (目前使用过此方法,比较简单)用于添加地址时的手机号码框

input限制只能输入数字并限制长度

js控制input只能输入数字和小数点后两位,输入其他自动清除方法