Счётчик вводимых символов в TEXTAREA / Элементы / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Элементы

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 101

Количество символов:

Посмотрели: 3513 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 4.0 / 5 - 4 голосов

Тип лицензии: CC BY 4.0

Авторство: http://www.bootply.com/uGGf9Tf4LS

Информация: Пользователям

Информация: Правообладателям

Теги: текстареа, textarea, бутстрап, counter, счётчик, Bootstrap, Snippet, поле

Поделился: BootstrapТема

Добавлено: 2015-11-28 в 16:26

Метка: 1582176353

⇄ ⇅

<h3 class="text-center">Вариант 1</h3>

<textarea class="form-control" id="text" name="text" placeholder="Введите Ваши символы" rows="3"></textarea>
<hr>
<h6 class="pull-right" id="count_message"></h6>
<button class="btn btn-default" type="submit">Отправить</button>

</div>
</div>

</div>

<h3 class="text-center">Вариант 2 меняет цвет</h3>

<textarea class="form-control" id="new_message" name="new_message" placeholder="Введите Ваши символы" rows="3"></textarea>
<hr>
<h6 class="pull-right" id="the-count"><span id="current">0</span> <span id="maximum">/ 300 </span></h6>
<button class="btn btn-default" type="submit">Отправить</button>

</div>
</div>

</div>

BootstrapTema

Счётчик вводимых символов в TEXTAREA

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0