Могу ли я указать maxlength в css?

могу ли я заменить атрибут maxlength чем-то в CSS?

<input type='text' id="phone_extension" maxlength="4" />
8 74
html css

8 ответов:

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

59

нет.

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

CSS предназначен для укладки.

вот почему.

116

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

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

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

10

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

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

6

не с CSS, нет.

4

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

3

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

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

у меня есть jQuery в файле с именем maxLengths.js на который я ссылаюсь в сайте (site.мастер для жереха)

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

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" />

преимущество использование этого: если решено, что максимальная длина для этого типа поля должна быть вытеснена или введена во все ваше приложение, вы можете изменить его в одном месте. Пригодится для длины полей для таких вещей, как коды клиентов, поля полного имени, поля электронной почты, любые поля, общие для вашего приложения.

2

использовать $("input").attr("maxlength", 4) если вы используете jQuery version $("input").prop("maxLength", 4) если вы используете jQuery версии 1.6+.

0