html中数字输入框,HTML “input number数字”输入控件简介说明

摘要:

下文讲述html5中数字–输入控件的简介说明,如下所示:

input type=’number’ 数字 输入控件简介说明

input type=’number’功能:

当我们在文本域中使用type=’number’时,此时在支持html5的浏览器中就会出现只可输入数字的文本框

如下图所示:

html之input_type_number数字标签示例说明

input type=’number’ 具有以下特性：

1.input type='number'同其它控件一致具有 name,id属性

2.value:控件的值

3.required(HTML5):设置控件内容是必填的

4.list(HTML5):设置输入域的datalist --当设置此项后,可直接从list中选择数据

5.form(HTML5):设置输入域所属的一个或多个表单。

6.autofocus(HTML5):设置在页面加载时,控件是否自动地获得焦点

7.disabled:设置控件为不可用状态

8.min和max(HTML5):设置数字的最大值和最小值

9.step(HTML5):设置此属性之后,每次点击上下箭头时，数字移动的步长

step会根据min和max的值决定文本框中可填入值，当submit时，会对提交至进行验证

input type=’number’ 数字 输入控件举例说明

猫猫教程(www.maomao365.com)

---input type='number'数字输入控件示例说明

maomao365.com

input type='number' 数字输入控件---示例说明

max=100 min =1 step =2

name="txtNumber">

html之input_type_number数字标签示例说明