文档章节

HTML中input标签maxlength属性的妙处

jtn
 jtn
发布于 2015/04/13 15:08
字数 315
阅读 4
收藏 0

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)

© 著作权归作者所有

jtn

jtn

粉丝 12
博文 879
码字总数 879609
作品 0
武汉
程序员
私信 提问
JavaWeb01-HTML篇笔记(四)

1.1 案例五:网站的注册页面的显示:1.1.1 需求: 使用HTML完成注册页面的设计: 1.1.2 分析:1.1.2.1 技术分析 【HTML的表单标签(*****)】 HTML的表单标签: 常用属性: :单选按钮. :复选按...

我是小谷粒
2018/04/26
0
0
页面输入长度指定

开发中使用jsp页面,有个input输入要设定为18位长度 使用html标签属性minlength和maxlength属性限制

Beyond_奈何
2017/06/20
0
0
WEB前端:HTML+CSS+JavaScript

一、 HTML介绍: --------------------------------------- 什么是HTML? 超文本标记语言, <标签名>--标记(标签、节点) HTML是由:标签和内容构成 3. 程序语言有两种:解释性语言(HTML、P...

zqwang121
2016/06/17
54
0
web前端之html_day2

1、meta标签 Charset:指定当前文档编码格式 Keywords:表示关键字,对搜索引擎友好,实现网站推广 Description:表示网站描述,网站优化 2、表格 定义一个表格...

opsedu
2018/06/27
0
0
2017.12.1-学习笔记:html基础知识点整理

超文本标记语言 HTML hyper text markup language 1.浏览器内核有哪些? 浏览器 内核 IE trident edge edgeHTML firefox gecko Safari webkit Chrome blink Opera presto 2.网页组成的三部分......

演员小新
2017/12/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

spring cloud

一、从面试题入手 1.1、什么事微服务 1.2、微服务之间如何独立通讯的 1.3、springCloud和Dubbo有哪些区别 1.通信机制:DUbbo基于RPC远程过程调用;微服务cloud基于http restFUL API 1.4、spr...

榴莲黑芝麻糊
40分钟前
2
0
Executor线程池原理与源码解读

线程池为线程生命周期的开销和资源不足问题提供了解决方 案。通过对多个任务重用线程,线程创建的开销被分摊到了多个任务上。 线程实现方式 Thread、Runnable、Callable //实现Runnable接口的...

小强的进阶之路
昨天
6
0
maven 环境隔离

解决问题 即 在 resource 文件夹下面 ,新增对应的资源配置文件夹,对应 开发,测试,生产的不同的配置内容 <resources> <resource> <directory>src/main/resources.${deplo......

之渊
昨天
8
0
详解箭头函数和普通函数的区别以及箭头函数的注意事项、不适用场景

箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发中一直在使用的API,大部分同学却对它的了解程度还是不够深... 普通函数和...

OBKoro1
昨天
7
0
轻量级 HTTP(s) 代理 TinyProxy

CentOS 下安装 TinyProxy yum install -y tinyproxy 启动、停止、重启 # 启动service tinyproxy start# 停止service tinyproxy stop# 重启service tinyproxy restart 相关配置 默认...

Anoyi
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部