HTML中input标签maxlength属性的妙处

2019独角兽企业重金招聘Python工程师标准>>>

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)

转载于:https://my.oschina.net/jiutianniao/blog/399770