Предел символов в HTML

Question

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

Answer 1

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

Чистый HTML один:

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

JavaScript один (прикрепить его к OnKey Event):

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

Но в любом случае, есть нет хорошего решения. Вы не можете адаптироваться к плохой реализации HTML-кода каждого клиента, это невозможный бой, чтобы победить. Вот почему лучше проверить его на стороне сервера, используя скрипт PHP/Python/whatever.

Answer 2

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

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

Answer 3

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

Если вам нужно поставить максимальную длину символа на текстовую область, вам нужно обратиться к Javascript. Посмотрите здесь: How to impose maxlength on textArea in HTML using JavaScript

Answer 4

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

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

Answer 5

Для < входных > элемента есть атрибут MaxLength:

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

(кстати, тип «Текст», а не «текстовое поле», как другие пишут), однако, у вас есть использовать javascript с <textarea> s. В любом случае длина должна быть проверена на сервере в любом случае.

Answer 6

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

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