Question

我可以用CSS中的某些内容替换maxlength属性吗？

<input type='text' id="phone_extension" maxlength="4" />

Answer 1

没有

maxlength用于行为。

CSS用于造型。

这就是原因。

Answer 2

没有。这需要在HTML中完成。如果需要，可以使用Javascript设置值。

Answer 3

您可以使用jQuery：

$("input").attr("maxlength", 4)

以下是演示：http://jsfiddle.net/TmsXG/13/

Answer 4

我认为你不可以，CSS应该描述页面看起来不是它的作用，所以即使你可以，也不是你应该如何使用它。

也许您应该考虑使用JQuery将常用功能应用于表单组件？

Answer 5

没有CSS，没有。

Answer 6

不使用CSS，但您可以使用JavaScript模拟和扩展/自定义所需的行为。

Answer 7

正如其他人已经回答的那样，目前没有办法将maxlength直接添加到CSS类中。

但是，这种创造性的解决方案可以实现您的目标。

我在一个名为maxLengths.js的文件中有jQuery，我在网站中引用它（site.master for ASP）

运行代码段以查看其效果，效果很好。

jquery，css，html：

＆＃13;

$(function () {
    $(".maxLenAddress1").keypress(function (event) {

        if ($(this).val().length == 5) { /* obv 5 is too small for an address field, just want to use as an example though */
            return false;
        } else {
            return true;
        }

    });
});

＆＃13;

.maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<input type="text" class="maxLenAddress1" />

＆＃13;

使用此功能的优点：如果确定此类型字段的最大长度需要被推出或在整个应用程序中，您可以在一个位置更改它。为客户代码，全名字段，电子邮件字段以及应用程序中常见的任何字段等字段长度派上用场。

Answer 8

使用$("input").attr("maxlength", 4) 如果你正在使用jQuery版本＆lt; 1.6 和$("input").prop("maxLength", 4) 如果您使用的是jQuery版本1.6 +。

我可以在css中指定maxlength吗？

8 个答案: