[html] CSS에서 maxlength를 지정할 수 있습니까?

maxlength 속성을 CSS의 다른 것으로 바꿀 수 있습니까?

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



답변

아니요.이 작업은 HTML에서 수행해야합니다. 필요한 경우 Javascript로 값을 설정할 수 있습니다.


답변

아니.

maxlength는 동작을위한 것입니다.

CSS는 스타일링을위한 것입니다.

그게 이유입니다.


답변

다음과 같이 jQuery를 사용할 수 있습니다.

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

다음은 데모입니다. http://jsfiddle.net/TmsXG/13/


답변

나는 당신이 할 수 있다고 생각하지 않으며 CSS는 페이지가 어떻게 보이는지 설명해야하므로 할 수 있다고해도 실제로 사용하는 방법이 아닙니다.

양식 구성 요소에 공통 기능을 적용하기 위해 JQuery를 사용하는 것에 대해 생각해야할까요?


답변

CSS가 아닙니다.


답변

CSS는 아니지만 JavaScript로 원하는 동작을 에뮬레이트하고 확장 / 사용자 정의 할 수 있습니다.


답변

다른 사람들이 대답했듯이 CSS 클래스에 직접 maxlength를 추가하는 현재 방법은 없습니다.

그러나이 창의적인 솔루션은 원하는 것을 얻을 수 있습니다.

사이트에서 참조하는 maxLengths.js 파일에 jQuery가 있습니다 (ASP의 경우 site.master).

스 니펫을 실행하여 실제로 작동하는지 확인하십시오.

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

이것을 사용하는 장점 : 이러한 유형의 필드에 대한 최대 길이를 밀어 내거나 전체 응용 프로그램에서 밀어 넣어야하는 경우 한 지점에서 변경할 수 있습니다. 고객 코드, 전체 이름 필드, 이메일 필드, 애플리케이션 전체에 공통되는 모든 필드와 같은 필드 길이에 편리합니다.