maxlength 속성을 CSS의 다른 것으로 바꿀 수 있습니까?
<input type='text' id="phone_extension" maxlength="4" />
답변
아니요.이 작업은 HTML에서 수행해야합니다. 필요한 경우 Javascript로 값을 설정할 수 있습니다.
답변
아니.
maxlength는 동작을위한 것입니다.
CSS는 스타일링을위한 것입니다.
그게 이유입니다.
답변
답변
나는 당신이 할 수 있다고 생각하지 않으며 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" />
이것을 사용하는 장점 : 이러한 유형의 필드에 대한 최대 길이를 밀어 내거나 전체 응용 프로그램에서 밀어 넣어야하는 경우 한 지점에서 변경할 수 있습니다. 고객 코드, 전체 이름 필드, 이메일 필드, 애플리케이션 전체에 공통되는 모든 필드와 같은 필드 길이에 편리합니다.