Урок 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>

Результат

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

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