HTML » Web Мастерская | Блог

Ограничение на количество символов в текстовом поле (input type="text")

Чтобы ограничить поле на количество вводных символов существует атрибут maxlength, который не позволит написать символов больше, чем указано в его значении:

Выделить

<input type="text" name:"title" maxlength="25">

В данном случае, в поле нельзя записать более 25 символов.

Следует учесть тот факт, что пользователь может изменить данное значение, используя инструменты браузера, поэтому необходимо проверять количество символов в полученной от пользователя строке, на стороне сервера....

Жалоба

Продвинутые CSS-селекторы

CSS HTML

Чтобы задать стиль элементу, мы используем атрибут class и id, например, у нас есть два блока, один с классом class_block, второй с идентификатором id_block:

Выделить

<div class="class_block">
    <!-- Содержимое блока -->
</div>

<div id="id_block">
    <!-- Содержимое блока -->
</div>

Зная этот класс и идентификатор, мы можем стилизовать оба блока, как нам вздумается:

Выделить

.class_block {
    /* Свойства блока с классом class_block */
}

#id_block {
    /* Свойства блока с идентификатором id_block */ 
}

Но что делать, если нам не известны названия класса и идентификатор? Возможно потому, что часть значения атрибута генерируется динамически. На помощь могут придти, так сказать продвинутые CSS-селекторы. Привожу пример динамически созданного идентификатора: 123_block - _block - постоянная часть названия идентификатора, цифры: 123 сгенерированы скриптом, в другом блоке эти цифру уже будут другие, одинаковых чисел в пределах одного документа не должно быть:

Выделить

<div id="123_

...

Жалоба

Web Мастерская»Блог