www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег TEXTAREA
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег TEXTAREA

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фохMozilla Firefox
Версия 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>

Параметры

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

Закрывающий тег

Обязателен.

Пример 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=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

ШТМЛ: 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=windows-1251">
  <title>Тег TEXTAREA, параметр cols</title>
 </head>
 <body>  

  <form action="handler.php">
    <p><textarea rows="10" cols="20"></textarea></p>
  </form>

 </body>
</html>

Параметр DISABLED

ШТМЛ: 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=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

ШТМЛ: 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=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

ШТМЛ: 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=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

ШТМЛ: 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=windows-1251">
  <title>Тег TEXTAREA, параметр rows</title>
 </head>
 <body>  

  <form action="handler.php">
    <p><textarea rows="10" cols="20"></textarea></p>
  </form> 

 </body>
</html>

Copyright 2009 Все права засчищены, по всем вопросам пишите по адресу admin@www-html.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект