HTML min/maxlength

标签: HTML HTML5
12人阅读 评论(0) 收藏 举报
分类:

min/maxlength

minlength属性和maxlength属性用来指定文本框或 textarea 中,允许输入的最少字符数和最大字符数。一个汉字被看作一个字符。如,在以下文本框中,用户最少要输入 5 个字符,最多可输入 10 个字符:

  1. 用户名:<input type="text" name="user" minlength="5" maxlength="10" />

当用户输入的字符数超过 maxlength 时,浏览器会阻止用户继续输入。在提交表单时,当用户输入的字符数不在 minlength 和maxlength 的范围内,浏览器会阻止提交表单。运行结果如图 3‑34 所示:

限制输入字符数图3-34 限制输入字符数

需要注意的是,老IE对 textarea 元素的 maxlength属性支持不太好,当用户输入的字符数超过 maxlength 时,它并不阻止用户继续输入。这个可以通过少量的Javascript代码即可解决。代码如下:

  1. <textarea maxlength="5" onKeydown="if(value.length >= 5){return false}"></textarea>

上述代码通过监控键盘事件,并获取用户已经输入的字符数,当用户输入的字符数超过 maxlength 时,便阻止用户继续输入,来控制用户输入的字符数。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。

版权声明:本文出自 歪脖网 的《HTML宝典》,欢迎在线阅读,并提出宝贵意见。

查看评论

HTML5 input type=“number”的maxlength设置没效果问题

HTML5 input type=“number”的maxlength设置
  • mochile
  • mochile
  • 2015年07月31日 14:58
  • 12188

textarea解决maxlength的兼容问题

使用textarea中的maxlength属性以为和input的maxlength属性一样,当输入textarea字符很多的时候,比如500个字符,在电脑会出现一个bug,就是输入495个字符就不能输...
  • qq_26499247
  • qq_26499247
  • 2017年01月05日 18:54
  • 1777

JS 文本框 maxlength(中文字符长度) 解决方案

从CSDN 上找的... 1,JS function limitLength(value, byteLength, title, attribute) {//限制输入框字数       ...
  • fengziyun
  • fengziyun
  • 2012年08月21日 09:58
  • 2238

Html maxlength Mysql varchar 长度问题

maxlength = x 可表示最多可输入x个字符(任意字符),不管是中文、英文、数字等; mysql中 varchar 也可表示最多可输入x个字符(任意字符),不管是中文、英文、数字等;...
  • qq_28089219
  • qq_28089219
  • 2017年04月28日 11:36
  • 82

input标签的size和maxlength属性探究

同样是在复习中发现的一些问题,input的size属性表示显示的字符数,而maxlength表示最多输入字符的个数,网上也都这么说的,在w3c、mdn中查看也没细说。maxlength属性没啥问题,和...
  • MrZZhou
  • MrZZhou
  • 2017年08月08日 15:25
  • 411

限制textarea的最大输入字符数 (就象中text的maxlength属性)

共可输入160字 function textCounter(field, countfield, maxlimit) { if (field.value.length > maxlimit) ...
  • zoucui
  • zoucui
  • 2008年05月30日 16:15
  • 2643

maxlength长度

html maxlength="10"表示最多可输入10个字符(任意字符),不管是中文、英文、数字等; mysql varchar(10) 表示最多可输入10个字符(任意字符),不管是中文、英文...
  • piaoxuan1987
  • piaoxuan1987
  • 2015年08月16日 09:53
  • 693

HTML设置输入框最大输入数(maxlength属性)

直接使用HTML设置输入框的最大输入数(maxLength属性):、代码如下:    以下代码是限制输入框的最大输入数为5(包括数字、中文、英文,均为5个)结果:数字:中文:英文:......
  • xuanlv_haoshao
  • xuanlv_haoshao
  • 2018年02月25日 23:09
  • 65

设置输入框限制长度兼容IE8 maxlength

转自:http://www.shangxueba.com/jingyan/1903931.html 1.html 你好!2.jquery $(function(){ $("textarea[...
  • banbianliushui
  • banbianliushui
  • 2016年12月13日 18:00
  • 349

input number maxlength 失效 移动端使用

效果ok,当 时maxlength失效,长度可以无限输入。 解放方案: 5)value=value.slice(0,5)" />...
  • chenzhicai2
  • chenzhicai2
  • 2016年06月07日 09:58
  • 606
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 2万+
    积分: 5068
    排名: 6881
    博客专栏