在html5中,如果我们想要用表单来设定input对所输入的数字限定,如果输入不是镫锔跷翮限定中的数字,则会给出提示。如何实现呢?下面小编举例讲解html5如何设定input对所输入的数字限定。
工具/原料
代码编辑器:dreamweaver8
css+html
方法/步骤
1、我们新建一个html网页文件,把他命名为test.html,接下来我们用test.html文件来讲解html5如何设定input对所输入的数字限定。
2、在test.html文件内,我们需要创建一个表单<formaction=&孥恶膈茯quot;"method="get"></form>。
3、给在表单内,加入一个Input,类型为number。争犸禀淫<inputtype="number"name="test"min=&鳎溻趄酃quot;1"max="10"/>,意思是最小是1,最大是10。
4、在浏览器浏览一下test.html,来看看效果能否实现。我们需要用鼠标点中表单Submit按钮。