сайтов. Создайте ваш магазин самостоятельно
a-tum.ru
Справочный раздел Всё о Твери
bestsite-tver.ru
Браузер | ![]() |
![]() |
![]() |
![]() |
![]() |
|||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Версия | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Поле <TEXTAREA> представляет собой элемент формы для разработки области, в которую можно вводить несколько строк контента. В отличие от тега <INPUT> в контентовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.
Между тегами <TEXTAREA> и </TEXTAREA> можно поместить любой контент, который будет отображаться внутри поля.
<textarea ...> контент </textarea>
Обязателен.
Пример 1. Использование тега <TEXTAREA>
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=utf-8">
<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>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Ширина контентового поля, которое определяется числом символов моноширинного шрифта. Иными словами, ширина задается количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.
<textarea cols="число"></textarea>
Любое целое положительное число.
Зависит от настроек браузера и операционной системы.
Пример 2. Ширина контентового поля
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=utf-8">
<title>Тег TEXTAREA, параметр cols</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20"></textarea></p>
</form>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Блокирует доступ и изменение контентового поля. Оно в таком случае отображается серым и недоступным для активации пользователем. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние поля можно менять с помощью скриптов.
<textarea disabled></textarea>
Нет.
По умолчанию это значение выключено.
Пример 3. Блокировка поля
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=utf-8">
<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>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Определяет уникальное имя элемента <TEXTAREA>. Как правило, это имя используется при отправке данных на сервер или для доступа к полю через скрипты.
<textarea name="имя"></textarea>
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу <TEXTAREA> по имени соблюдайте ту же форму написания, что и в параметре name.
Нет.
Пример 4. Обращение к полю по имени
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=utf-8">
<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>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Когда к тегу <TEXTAREA> добавляется параметр readonly, контентовое поле не может изменяться пользователем, в том числе вводиться новый контент или модифицироваться существующий. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.
<textarea readonly></textarea>
Нет.
По умолчанию это значение выключено.
Пример 5. Поле только для чтения
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=utf-8">
<title>Тег TEXTAREA, параметр readonly</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20" readonly>Поле
недоступно для изменения</textarea></p>
</form>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Высота контентового поля, которое определяется количеством отображаемых строк без прокрутки содержимого. Если размер шрифта изменяется с помощью стилей, высота поля также соответственно меняется.
<textarea rows="число"></textarea>
Любое положительное число.
Зависит от настроек браузера и операционной системы.
Пример 6. Высота контентового поля
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=utf-8">
<title>Тег TEXTAREA, параметр rows</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20"></textarea></p>
</form>
</body>
</html>
Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru
О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект