Главная
Друзья!
Мы находимся в процессе большой чистки!
Возможны ошибки и кривизна страниц
Просмотреть всё и быстро не возможно!
Если нашли какую-то ошибку, то если вам не трудно напишите здесь адрес...
Сейчас вы здесь :
http://dwweb.ru/page/html/043_pole_textarea_shirina_vyisota.html

Поле textarea ширина, высота

HTML | FORM |

Сегодня поговорим о текстовом поле в форме - textarea. Из самого названия видно и если перевести, то text – текст, area – площадь. Площадь для текста, ну или по-русски текстовое поле.

Мы уже в прошлый раз говорили о input и несколько тем было формах.

Как обозначается textarea!?

В отличии от одинарного тега input , то textarea – это двойной тег…

Код:

<textarea></textarea>

Результат:

Тип textarea type="text"

Для textarea – установка типа не нужна – и так понятно, что тип text.

Ширина и высота textarea

Ширину и высоту для textarea можно выразить несколькими способами и типами.

1. Высота - cols и ширина - rows - ес

Если вы поленились сходить оп ссылкам, то cols – столбец определяемый шириной моноширного(все буквы одной ширины) шрифта по умолчанию, rows - количество строк…

<textarea cols="число" rows="число"></textarea>

Например:

<textarea rows="5" cols="100"></textarea>

Результат:

2. Не буду повторять, но расположение стилей мы уже здесь рассматривали - три варианта... смотри в нижней части страницы.

В этом случае можно выразить высоту и штейну textarea в

А) пикселях «25px»

Б) процентах «25%»

В) Не стану все меры расписывать(использую очень-очень редко): "em, vw, vh, vmin, vmax и функция calc"

Код:

<textarea style="width: 100%; height: 10%;"></textarea>

Результат:

P.S. Все остальные атрибуты применяются аналогично, что в случае с input.
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 64.2
Название скрипта и номер :Пример textarea(высота, ширина)
Пример - Пример textarea(высота, ширина)
Скачать - архив
Все скрипты на одной странице