TEXTAREA


BUTTON
FIELDSET
FORM
INPUT
LABEL
LEGEND
OPTGROUP
OPTION
SELECT
TEXTAREA


Для создания области, в которую можно вводить несколько строк текста, используется элемент формы <TEXTAREA>. Ширину и высоту поля можно заведомо определить.


<body>

<form method="POST" action="">
<textarea rows="7" cols="60" name="text">
В этом поле можно ввести какой-нибудь текст...
</textarea>
<br><br>
<input type="submit" name="sub" value="Отправить">
</form>

</body>





Параметры:

disabled Блокирует доступ и изменение элемента
name Имя поля, предназначено для идентификации обработчиком
readonly Делает поле неактивным
cols Ширина поля в символах
rows Высота поля в строках текста
wrap Параметры переноса строк





Параметр DISABLED

Создает запрет на изменение и выбор текстового поля. Такое поле отображается бледно-серым цветом.

<textarea disabled></textarea>




Параметр NAME

Определяет уникальное имя элемента <TEXTAREA>. Как правило, это имя используется при отправке данных на сервер или для доступа к полю через скрипты.


Параметр READONLY

Данный параметр блокирует изменение поля пользователем, хотя оно и отображается, как обычно.

<textarea readonly></textarea>


Параметры COLS и ROWS

С помощью этих параметров регулируется высота и ширина поля <TEXTAREA>. Если размер шрифта изменяется с помощью стилей, то высота и ширина поля также изменяется.

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


Параметр WRAP

Параметр wrap говорит браузеру, как осуществлять перенос текста в поле <TEXTAREA> и в каком виде отправлять данные на сервер. Если этот параметр отсутствует, текст в поле набирается одной строкой, когда число введенных символов превышает ширину области, появляется горизонтальная полоса прокрутки. Нажатие кнопки Enter переносит текст на новую строку, и курсор устанавливается у левого края поля.

soft Длинный текст будет автоматически перенесен на новую строку, но передаваться на сервер будет как одна строка *
hard Слова в поле переносятся автоматически, на сервер передаются, как несколько строк
off Переносы строк отключены, при получении слишком длинных строк, появляется полоса прокрутки


<textarea wrap="hard">...</textarea>


С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы


Студия web-дизайна "Webcreature" © 2015
+7 (905) 515-56-52
Rambler's Top100