ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

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

Сегодня поговорим о текстовом поле в форме - 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(высота, ширина)
Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
поле textarea , ширина поля textarea , поле textarea html ,

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019