HTML中input标签maxlength属性的妙处
2015-05-03 00:00
399 查看
HTML中的input标签可是很常用的。
HTML本身也非常简单,就是若干标签,每个标签有若干属性。
我在学习HTML的过程中,也没有太过重视。
今年,在写前端表单验证的时候,发现maxlength这个属性很好用。
实际需求
前端的表单,需要进行验证。
结合JS表单验证框架,写了很多前端验证的代码。
其中,有这么一个需求:用户最多只能输入10个字符。
按照惯性,肯定是会去写JS表单验证了。
实际上,根本没有必要。
HTML中的maxlength属性就可以很简单地解决这个问题。
<input type="text" size="10" maxlength="10" />
通过这个很简单的属性设置,用户能够输入的字符就是10。前端,根本不需要再去验证。
观点结论
这个属性很简单,但是可以节省不少时间。
这个实际案例提醒我们,不要被自己的习惯误导了。
很多问题存在着简单的解决方法,不要把简单的问题用复杂的方法解决了。
切记!
原文链接:http://blog.fansunion.cn/articles/3509(小雷博客-blog.fansunion.cn)
HTML本身也非常简单,就是若干标签,每个标签有若干属性。
我在学习HTML的过程中,也没有太过重视。
今年,在写前端表单验证的时候,发现maxlength这个属性很好用。
实际需求
前端的表单,需要进行验证。
结合JS表单验证框架,写了很多前端验证的代码。
其中,有这么一个需求:用户最多只能输入10个字符。
按照惯性,肯定是会去写JS表单验证了。
实际上,根本没有必要。
HTML中的maxlength属性就可以很简单地解决这个问题。
<input type="text" size="10" maxlength="10" />
通过这个很简单的属性设置,用户能够输入的字符就是10。前端,根本不需要再去验证。
观点结论
这个属性很简单,但是可以节省不少时间。
这个实际案例提醒我们,不要被自己的习惯误导了。
很多问题存在着简单的解决方法,不要把简单的问题用复杂的方法解决了。
切记!
原文链接:http://blog.fansunion.cn/articles/3509(小雷博客-blog.fansunion.cn)
相关文章推荐
- HTML中input标签maxlength属性的妙处
- HTML中input标签maxlength属性的妙处
- HTML中input标签maxlength属性的妙处
- HTML <input> 标签的 maxlength 属性
- html中input标签相关的属性
- html的input 标签自定义属性
- Html中input标签中的disabled属性要放在标签的最后面,否则结合隐藏标签使用时出错。
- HTML<input>标签的name和id属性区别
- html中input标签的tabindex属性
- HTML <input> 标签的 accept 属性
- Html input type text标签属性和方法事件
- html的input标签disabled和readOnly属性的异同点
- HTML input 标签 详细 属性 说明
- 动态修改html input标签的属性
- html中的input标签的checked属性
- HTML: 笔记(input标签radio属性一个细节)
- HTML <input> 标签的 readonly 属性
- html input type text标签属性和方法事件 (一)
- HTML label标签的for属性--input标签的accesskey属性
- HTML <input> 标签的 readonly 属性