Потдерживается во всех браузерах Описание
Поле <TEXTAREA> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега <INPUT> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.
Между тегами <TEXTAREA> и </TEXTAREA> можно поместить любой текст, который будет отображаться внутри поля.
Синтаксис
<textarea ...> текст </textarea>
Параметры
cols - Ширина поля в символах.
disabled - Блокирует доступ и изменение элемента.
name -Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
readonly - Устанавливает, что поле не может изменяться пользователем.
rows- Высота поля в строках текста.
wrap - Параметры переноса строк.
Закрывающий тег - Обязателен.
Пример 1. Использование тега <TEXTAREA>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег TEXTAREA</title>
</head>
<body> <form action="textarea1.php" method="post">
<p><b>Введите ваш отзыв:</b></p>
<p><textarea rows="10" cols="45" name="text"></textarea></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>
Описание параметров тега <TEXTAREA>
Параметр COLS
Описание
Ширина текстового поля, которое определяется числом символов моноширинного шрифта. Иными словами, ширина задается количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.
Синтаксис
<textarea cols="число"></textarea>
Аргументы
Любое целое положительное число.
Значение по умолчанию
Зависит от настроек браузера и операционной системы.
Пример 2. Ширина текстового поля
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег TEXTAREA, параметр cols</title>
</head>
<body> <form action="handler.php">
<p><textarea rows="10" cols="20"></textarea></p>
</form>
</body>
</html>
Параметр DISABLED
Описание
Блокирует доступ и изменение текстового поля. Оно в таком случае отображается серым и недоступным для активации пользователем. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние поля можно менять с помощью скриптов.
Синтаксис
<textarea disabled></textarea>
Аргументы
Нет.
Значение по умолчанию - По умолчанию это значение выключено.
Пример 3. Блокировка поля
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег TEXTAREA, параметр disabled</title>
</head>
<body> <form action="handler.php">
<p><textarea rows="10" cols="20">Активное поле</textarea>
<textarea rows="10" cols="20" disabled>Неактивное поле</textarea></p>
</form>
</body>
</html>
Параметр NAME
Описание
Определяет уникальное имя элемента <TEXTAREA>. Как правило, это имя используется при отправке данных на сервер или для доступа к полю через скрипты.
Синтаксис
<textarea name="имя"></textarea>
Аргументы
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу <TEXTAREA> по имени соблюдайте ту же форму написания, что и в параметре name.
Значение по умолчанию - Нет.
Пример 4. Обращение к полю по имени
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег TEXTAREA, параметр name</title>
<script type="text/javascript">
function dataField(f) {
alert("Вы ввели: " + f.comment.value);
}
</script>
</head>
<body> <form action="handler.php">
<p><b>Введите комментарий</b></p>
<p><textarea rows="10" cols="20" name="comment"></textarea></p>
<p><input type="button" value="ОК" onClick="dataField(this.form)"></p>
</form>
</body>
</html>
Параметр READONLY
Описание
Когда к тегу <TEXTAREA> добавляется параметр readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.
Синтаксис
<textarea readonly></textarea>
Аргументы
Нет.
Значение по умолчанию - По умолчанию это значение выключено.
Пример 5. Поле только для чтения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег TEXTAREA, параметр readonly</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20" readonly>Поле
недоступно для изменения</textarea></p>
</form> </body>
</html>
Параметр ROWS
Описание
Высота текстового поля, которое определяется количеством отображаемых строк без прокрутки содержимого. Если размер шрифта изменяется с помощью стилей, высота поля также соответственно меняется.
Синтаксис
<textarea rows="число"></textarea>
Аргументы
Любое положительное число.
Значение по умолчанию
Зависит от настроек браузера и операционной системы.
Пример 6. Высота текстового поля
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег TEXTAREA, параметр rows</title>
</head>
<body> <form action="handler.php">
<p><textarea rows="10" cols="20"></textarea></p>
</form>
</body>
</html>
