Второй текст в поле для ввода

@Hany · Регистрация: 30.04.2017

Студворк — интернет-сервис помощи студентам

Есть поле для ввода <textarea> по умолчанию там текст какой то вставлен с помощью атрибута placeholder(это обязательно).
Нужно чтобы изначально внутри <textarea>было сообщение "*слишком коротки текст", помимо текста по умолчанию, и чтобы оно исчезало после введения определенного числа символов.
Тут больше вопрос, как в поле для ввода еще добавить другой текст, во вложении фото как должно быть

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv = "Content-Type" content = "text/html; charset=utf-8">
  <title>Обратная связь </title>
 
  <link href="222.css" rel="stylesheet">
 </head>
 
 <body bgcolor="#000000">
 
  <form >
<textarea class="polemax"  name="textarea" placeholder="434344545" >
</textarea></br>
</form>
 
 </body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.polemax{
padding: 10px;
border: 1px solid #ffffff;
background: transparent;
color: #ffffff;
margin: 25px;
 height: 300px;
 width: 1280px;
 margin-left: 20px;
 
 
}

@mrtoxas · 07.05.2017, 01:49

HTML5
1
2
3
4
<div class="wrapper">
  <textarea name="" id="" cols="30" rows="10"></textarea>
  <div class="info">Слишком короткий текст</div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.wrapper{
  width: 1280px;
  position: relative;
}
textarea{
  width:100%;
}
.info{
  position: absolute;
  top:20px;
  left:50px;
}

@Hany · 07.05.2017, 09:48 **[ТС]**

Спасибо, сделал так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv = "Content-Type" content = "text/html; charset=utf-8">
  <title>Обратная связь </title>
 
  <link href="222.css" rel="stylesheet">
  
 </head>
 
 <body bgcolor="#000000">
 
<div>
  <textarea class="wrapper" name="textarea"  placeholder="434344545" onclick="showHide('res')"></textarea></br>
  <div id="res" class="info">*Слишком короткий текст</div>
</div>
 
 
 </body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.wrapper{
padding: 20px;
border: 1px solid #ffffff;
background: transparent;
color: #ffffff;
margin: 25px;
 height: 300px;
 width: 1280px;
 margin-left: 20px;
}
 
 
.info{
  position: absolute;
  color: #ffffff;
  top:35px;
  left:150px;
  font-size: 11pt;
  
}

@mrtoxas · 07.05.2017, 10:00

Hany, у вас .info позиционируется относительно страницы и к textarea никак не привязан.

@Hany · 07.05.2017, 20:48 **[ТС]**

Большое спасибо, поправил

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	07.05.2017, 10:00
	Hany, у вас .info позиционируется относительно страницы и к textarea никак не привязан. 1

@Hany 0 / 0 / 2 Регистрация: 30.04.2017 Сообщений: 31
	07.05.2017, 20:48 [ТС]
	Большое спасибо, поправил 0