HTML5第3章number类型表单及文件处理
number 类型的表单输入,是前端表单控件里一个挺实用的小东西。你只要在<input>里写上type="number"
,浏览器就能自动帮你限制只能输入数字,响应也快,兼容性还不错。
max和min属性
用来限制用户输入的最大值和最小值,比如你设置min="0"
,那负数就直接输不进去。挺适合做年龄、价格这些输入场景,防止用户胡乱填。
step属性
这个也蛮好用。比如step="3"
,合法值就只能是-3、0、3、6……配合上下箭头点一点,用户体验还不错。
value属性
没啥好说的,就是默认值。你想让用户打开页面就看到一个初始数字,就靠它了。
如果你对最大最小值这类逻辑感兴趣,还可以看看这些相关资料:
,number
类型配合min
、max
、step
用得好,表单就稳多了。如果你在做数据输入的表单页面,记得试试看。
1.41MB
文件大小:
评论区