Счетчик количества символов, вводимых в textarea Самая легкая версия!
Если у вас есть Twitter аккаунт, то вы наверняка заметили, как работает функция публикации поста. Точнее – как ограничивает сервис количество символов, вводимых в текстовое поле при публикации статьи. Это ограничение, как показывает практика, не позволяет копипастить огромный текст, а только ограничится выдержкой.
Точно такой “финт ушами” можете использовать и вы в своем блоге или сайте, посмотрев эту короткую публикацию…
На картинке ниже – готовый вариант дизайна.
А здесь вы сможете посмотреть работу этой функции. Скопируйте (если это необходимо вам) все файлы в папку и разместите у себя в блоге, прописав стили, скрипты и код вывода счетчика.
See the Pen
Character counter in Textarea by Vadim Master (@Vadim-Master)
on CodePen.
Настройка, которую вы можете изменить по своему усмотрению – это количество символов, прописанных в maxlength. Так же, если у вас есть такая необходимость, то в файле стилей можно поменять цвет цифр счетчика.
По умолчанию основной текст стандартно черный, а при приближении к границе ограничения количества символов – счетчик поменяет цвет на красный. Все, как в Твиттере, но код гораздо проще. Кстати, еще один вариант счетчика можете посмотреть здесь.
Данный скрипт показывает количество символов только после того, как вы начнете вводить текст в поле.
Пользуйтесь!
| Удачи и до новых встреч! С уважением, MasterPRO |
Рекомендую!
Оценок: (1 среднее: 5,00 из 5)
Загрузка...|
Просмотров страницы: 540 Метки: Textarea characters count ○ Web мастеру ○ Обновление статьи: 04.03.2023 Короткая ссылка:
|
Подпишись и получай новости в числе первых!
 |
Народная мудрость
Наберитесь терпения - новые публикации в процессе осмысления...
