首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML maxlength属性在chrome和safari上不起作用吗?

HTML maxlength属性在chrome和safari上不起作用吗?
EN

Stack Overflow用户
提问于 2012-03-04 21:15:00
回答 5查看 99K关注 0票数 54
代码语言:javascript
复制
<input type="number" maxlength="5" class="search-form-input" name="techforge_apartmentbundle_searchformtype[radius]" id="techforge_apartmentbundle_searchformtype_radius">

这是我的HTML,用firebug拍摄的(在chrome上)。

在Chrome和Safari中,我可以在表单字段中输入任意数量的字符。

在火狐或IE10上,这个限制是可以接受的。

我还没有在网上找到这个问题。

注意:type=“数字”--不是文本。

以前有没有人见过这个问题?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2012-03-04 21:22:14

type="number"的输入使用max属性。它将指定您可以插入的最高可能数字

代码语言:javascript
复制
  <input type="number" max="999" />

如果同时添加最大值和最小值,则可以指定允许值的范围:

代码语言:javascript
复制
  <input type="number" min="1" max="999" />

查看此example

编辑

如果为了用户体验,您希望用户输入的数字不能超过某个数字,请使用Javascript/jQuery,如此example所示

票数 45
EN

Stack Overflow用户

发布于 2016-06-16 00:57:58

最大长度不适用于<input type="number",据我所知,最好的方法是使用oninput event来限制最大长度。请看下面的代码。

代码语言:javascript
复制
<input name="somename"
        oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
        type = "number"
        maxlength = "6"
     />

票数 48
EN

Stack Overflow用户

发布于 2013-03-07 17:16:45

对于那些仍然不能让它工作的人...试试这个来启动更大的数字垫:

代码语言:javascript
复制
<input type="number" name="no1" maxlength="1" size="1" max="9" pattern="[0-9]*" />

和js:

代码语言:javascript
复制
$('input[name="no1"]').keypress(function() {
    if (this.value.length >= 1) {
        return false;
    }
});
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9555143

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档