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

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
95
0
180 087
6
Перейти к ответу Данный вопрос помечен как решенный

Ответы 6

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

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

Это правда, но некоторые клиенты не проверяют это. Это особенно верно для клиентов на базе мобильных телефонов.

Drejc 22.09.2008 10:31

Также есть способы их удалить. Например, расширение Firefox для веб-разработчиков имеет функцию «Удалить максимальную длину».

Sam Hasler 24.09.2008 06:55

С помощью Chrome и его комплекта разработчика (который поставляется с браузером) такие вещи просто удалить в html.

AntonioCS 19.03.2012 17:37

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

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

проверьте эту ссылку в StackOverflow: stackoverflow.com/questions/1125482/…

TlonXP 02.09.2012 21:46

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

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

я согласен. можно POST-данные непосредственно на веб-сайт, используя какой-либо инструмент сценариев, поэтому в этом случае maxlength и другие проверки на стороне браузера не являются надежными

cruizer 22.09.2008 10:12

или используйте firebug и удалите атрибут maxlength.

Zach 22.09.2008 10:19

Для элемента <input> есть атрибут maxlength:

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

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

Ответ принят как подходящий

Есть 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 / любого другого.

Проверьте сервер в качестве окончательной проверки работоспособности, но добавьте улучшения на стороне клиента, если можете; это обеспечивает более богатый пользовательский опыт.

Rob 04.06.2009 12:48

вы можете установить максимальную длину с помощью jquery, что очень быстро

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

Другие вопросы по теме