Ограничение символов в HTML

Как вы накладываете ограничение на ввод текста в HTML?

6 90
html character-limit

6 ответов:

есть 2 основных решения:

чистый 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 / любого скрипта.

129

есть атрибут maxlength

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

в дополнение к вышесказанному, я хотел бы отметить, что проверка на стороне клиента (HTML-код, javascript и т. д.) никогда не бывает достаточно. Также проверьте длину на стороне сервера или просто не проверяйте вообще (если это не так важно, что людям можно позволить обойти его, то это не так важно, чтобы действительно гарантировать какие-либо шаги для предотвращения этого).

кроме того, ребята, он (или она) сказал HTML, а не XHTML. ;)

11

используйте атрибут" maxlength", как говорили другие.

Если вам нужно поместить максимальную длину символа в текстовую область, вам нужно обратиться к Javascript. Взгляните сюда:как наложить maxlength на textArea в HTML с помощью JavaScript

5

для элемента есть атрибут maxlength:

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

(кстати, тип "текст", а не" текстовое поле", как пишут другие), однако вы должны использовать javascript с

1

вы можете установить maxlength с jQuery, который очень быстро

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