Можно ли указать maxlength в css?

Ответ 1

Нет. Это нужно сделать в HTML. Вы можете установить значение с помощью Javascript, если вам нужно, хотя.

Ответ 2

Нет.

maxlength для поведения.

CSS предназначен для стилизации.

Вот почему.

Ответ 3

Вы можете использовать jQuery, например:

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

Вот демо: http://jsfiddle.net/TmsXG/13/

Ответ 4

Я не думаю, что вы можете, и CSS должен описывать, как страница выглядит не так, как она делает, поэтому, даже если бы вы могли, это не так, как вы должны ее использовать.

Возможно, вам стоит подумать об использовании JQuery для применения общей функциональности к вашим компонентам формы?

Ответ 5

Не с CSS, нет.

Ответ 6

Не с CSS, но вы можете эмулировать и расширять/настраивать желаемое поведение с помощью JavaScript.

Ответ 7

Как уже говорили другие, нет способа добавить maxlength непосредственно в класс CSS.

Однако это творческое решение может достичь того, что вы ищете.

У меня есть jQuery в файле с именем maxLengths.js, который я ссылаюсь на сайте (site.master для ASP)

запустить фрагмент, чтобы увидеть его в действии, хорошо работает.

jquery, css, html:

$(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;
        }

    });
});

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<input type="text" class="maxLenAddress1" />

Ответ 8

Используйте $("input").attr("maxlength", 4) если вы используете версию jQuery < 1,6 и $("input").prop("maxLength", 4) если вы используете jQuery версии 1.6 +.