• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Создать счётчик символов в тексте онлайн (Подсчет количества символов в тексте в режиме онлайн)
Создать счётчик символов в тексте онлайн
Kosten
Дата: Среда, 2019-09-18, 22:27 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25228
Награды: 57


Вашему вниманию один из самых простых и полностью рабочих счетчик, который делает подсчет количество символов, что будут занесены в окно. Теперь вы можете сами на своем сайте установить этот счетчик, который работает в онлайн режиме, где есть возможность его красиво оформить.



HTML

Код
<textarea name="" style="width:51%; min-height:173px" placeholder="Введите текст" onkeyup="document.getElementById ('count').value = this.value.length" onblur="document.getElementById ('count').value = this.value.length"></textarea>
<p >Введено <input id="count"> букв</p>

CSS

Код
input[type="text"], textarea {
    background: #fbf0f0;
    border: 1px solid #968888;
    box-shadow: inset 1px 1px 1px rgba(29, 28, 28, 0.1);
    padding: 3px;
}

При помощи данного сервиса теперь вы можете подсчитать количество букв.

Демонстрация
Прикрепления: 4560914.png(6.2 Kb) · zaredsan.zip(2.6 Kb)
Страна: (RU)
Kosten
Дата: Суббота, 2019-09-21, 02:54 | Сообщение 2
Оффлайн
Администраторы
Сообщений:25228
Награды: 57


Этот пример определения и ограничения количества введённых символов в textarea.



Код
<script type="text/javascript">
<!--
var count=500;
function load1()
{
document.formText.t1.value=count
document.formText.t2.value=count
}
function text1Change()
{
a=document.formText.text1.value.length;
if((a)>count)document.formText.text1.value=document.formText.text1.value.substring(0,count);
a=document.formText.text1.value.length;
document.formText.t2.value=count-a;
}
//-->
</script>
<body onload=load1()>

<h1>Пример определения и ограничения количества введённых символов в textarea</h1>
<form name="formText">
<textarea name="text1" rows=5 cols=30  onkeyup="text1Change()"></textarea><br>
Ограничение символов:
<input type="text" name="t1"  size="4" maxlength="4" disabled><br>
Осталось:
<input type="text" name="t2"  size="4" maxlength="4" disabled>
</form>
Прикрепления: 5978907.png(4.2 Kb)
Страна: (RU)
Kosten
Дата: Суббота, 2019-09-21, 03:03 | Сообщение 3
Оффлайн
Администраторы
Сообщений:25228
Награды: 57


Еще один вариант с функцией очистки. Подсчет количества символов при наборе текста в textarea.



Код
<html>
<body>
<form name="form" onsubmit="return false" action="javascript:void()">
<p class="noindent"><textarea onkeypress="count()" onkeyup="count()" name="text" rows="10" cols="60"></textarea>
<br>Символов: <input name="result"> <br><input value="Очистить" type="reset">  </p></form>
<script>
function isSpace(s){
return (s==" " || s=="n" || s=="13" || s=="t" || s=="r")?true:false
}
function count(){
var c=0
var i
var prevspace=true
var str=document.forms.form.text.value
for(i=str.length-1;i>=0;i--){
if(isSpace(str.charAt(i)) && prevspace){
}else{
c++
}
prevspace=isSpace(str.charAt(i))
}
document.forms.form.result.value=c
return false
}
</script>
</body>
</html>
Прикрепления: 4959578.png(5.7 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Создать счётчик символов в тексте онлайн (Подсчет количества символов в тексте в режиме онлайн)
  • Страница 1 из 1
  • 1
Поиск: