HTML의 문자 제한

HTML의 텍스트 입력에 문자 제한을 어떻게 적용합니까?

두 가지 주요 솔루션이 있습니다.

순수한 HTML :

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

JavaScript 하나 (onKey 이벤트에 첨부) :

function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } 
}

그러나 어쨌든 좋은 해결책은 없습니다. 모든 클라이언트의 잘못된 HTML 구현에 적응할 수는 없으며 승리하기위한 불가능한 싸움입니다. 그렇기 때문에 PHP / Python / 어떤 스크립트를 사용하여 서버 측에서 확인하는 것이 훨씬 낫습니다.

maxlength 속성이 있습니다

<input type="text" name="textboxname" maxlength="100" />

위의 것 외에도 클라이언트 측 유효성 검사 (HTML 코드, 자바 스크립트 등)로는 충분하지 않다는 점을 지적하고 싶습니다. 또한 서버 측의 길이를 확인하거나 전혀 확인하지 마십시오 (사람들이 주변을 돌아 다닐 수있을만큼 중요하지 않은 경우이를 방지하기위한 조치를 실제로 보장하는 것도 중요하지 않습니다).

또한 동료들, 그는 XHTML이 아니라 HTML이라고 말했습니다. ;)

다른 사람들이 말한대로 "maxlength"속성을 사용하십시오.

텍스트 AREA에 최대 문자 길이를 입력해야하는 경우 Javascript로 전환해야합니다. 여기를보세요 : JavaScript를 사용하여 HTML의 textArea에 maxlength를 부과하는 방법

<input> 요소에는 maxlength 속성이 있습니다.

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

(그런데 유형은 다른 사람들이 작성하는 "텍스트 상자"가 아니라 "텍스트"입니다.) 그러나 <textarea>와 함께 javascript를 사용해야합니다. 어쨌든 서버에서 길이를 확인해야합니다.

매우 빠른 jquery로 maxlength를 설정할 수 있습니다.

jQuery(document).ready(function($){ //fire on DOM ready
 setformfieldsize(jQuery('#comment'), 50, 'charsremain')
})