Урок 7.7: Многострочное поле для текста

Если необходимо ввести много текста, то однострочного поля с использованием тега <input> будет недостаточно. Вернее такой тег будет неудобно использовать.

Вместо него удобнее использовать парный тег <textarea></textarea>.

Пример создания многострочного поля

<html>
 <head>
  <title>Многострочное поле для текста</title>
 </head>
 <body>
  <form>
   Расскажите о себе:<br />
   <textarea>   </textarea> 
  </form>
 </body>
</html>

Результат

Расскажите о себе:

Без использования дополнительных атрибутов, такое поле имеет стандартные размеры (ширина и высота) Для изменения этих размеров используйте атрибуты cols (колонки) и rows (строки)

Пример изменения размеров поля

<html>
 <head>
  <title>Многострочное поле для текста</title>
 </head>
 <body>
  <form>
   Расскажите о себе:<br />
   <textarea  cols="50" rows="30">   </textarea> 
  </form>
 </body>
</html>

Результат

Расскажите о себе:

Для ограничения количества введенных символов используется атрибут maxlength

Пример ограничения количества символов

<html>
 <head>
  <title>Многострочное поле для текста</title>
 </head>
 <body>
  <form>
   Расскажите о себе:<br />
   <textarea maxlength="10">   </textarea> 
  </form>
 </body>
</html>

Результат

Расскажите о себе:

Список уроков