CSS3를 사용하여 입력 텍스트 길이를 제한하는 방법은 무엇입니까?

가능한 중복 : 내 사이트의 모든 입력 태그 둥근 테두리를 만들기 위해이 코드를 사용하여 내 CSS에서
Can I specify maxlength in css?CSS3를 사용하여 입력 텍스트 길이를 제한하는 방법은 무엇입니까?

input 
{ 
max-lenght: 50; 
}

어떤 sugestions : 내가 뭔가를 상상

input 
{ 
border-radius: 10px; 
-moz-border-radius: 10px; 
-khtml-border-radius: 10px; 
-webkit-border-radius: 10px; 
}

같은 방법으로 입력의 아이폰에 (예를 들어 50 자) (이 작동하지 않습니다) 제한 할 수 있는지 궁금해 ? 고마워요!

편집 :이 질문은 사용자가 필드에 기록 할 수있는 문자에 관한 입력

출처

2012-11-20 yenssen

HTML을 통해? http://www.w3schools.com/tags/att_input_maxlength.asp – Vucko

'maxlength' 제한이 의미 론적이고 표현적인 것이 아니기 때문에 그것이 CSS 규칙이 아닌 HTML 속성으로 지정되었다고 생각합니다. – raina77ow

당신은'='대신':'를 사용합니다. – zeyorama

CSS를 사용하여 입력 문자 수를 제한 할 수 없습니다. 그것은 기능적인 제한이 될 것이고, CSS는 프리젠 테이션을 다룹니다.

출처

2012-11-21 05:51:23

나는 HTML 입력 필드에 문자 제한을 처리하는 것이 아닌 눈에 보이는 크기입니다. 예 :

는

<input type="text" id="textbox" name="textbox" maxlength="50" />

출처

2012-11-21 00:01:17 jfmbrennan

네,하지만 저는 그것들이 많이 있습니다. 나는 "자동"방법에 대해 궁금해하고 있습니다. – yenssen

입력 상자에 입력 된 문자의 수를 제한하기 위해 JavaScript를 작성하는 데 어려움을 겪을 수 있습니다. 입력 필드의 'keydown'이벤트를 바인드하고, 문자를 계산하고, 50보다 큰 경우 문자가 입력 필드에 쓰여지지 않도록해야합니다. – jfmbrennan

http : // jsfiddle. net/mKcgn/ – jfmbrennan

업데이트 :

당신은 jQuery를 사용할 수 있습니다.

당신이 정말로 당신이 CSS와 자바 스크립트의 조합을 사용할 수있는 자동 방법을 원하는 경우에

$(document).ready(function() { 
    $("input").attr('maxlength', '5');  
});

자바 스크립트/JQuery와

$(document).ready(function() { 
    // Get all the elements with class inputMaxLength and add maxlength attribute to them 
    $(".inputMaxLength").attr('maxlength', '5');  
});

CSS

.inputMaxLength 
{ 

}

해킹의

<input type="text" id="textbox" class="inputMaxLength" name="textbox" />

비트 HTML,하지만 작동합니다. 내가 아는 한 CSS만의 해결책은 없다.

출처

2012-11-21 00:39:32

CSS3를 사용하여 입력 텍스트 길이를 제한하는 방법은 무엇입니까?

답변

관련 문제