Файловый архив студентов. Файловый архив студентов.
1304 вуза, 5161 предмета.
/ Регистрация
FAQ Обратная связь Вопросы и предложения
Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Казахская Национальная Академия Искусств им. Т. Жургенова
Предмет:
[НЕСОРТИРОВАННОЕ]
Файл:
Создание форм.doc
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
1.03 Mб
Скачать
☆
►Содержание►

Синтаксис

<textarea атрибуты>

текст

</textarea>

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

Обязателен.

Пример. Использование тега <textarea>

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 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=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>

Атрибуты

cols

Ширина поля в символах.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Ширина текстового поля, которое определяется числом символов моноширинного шрифта. Иными словами, ширина задается количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.

Синтаксис

<textarea cols="число">

</textarea>

Обязательный атрибут

Обязателен в HTML4, не обязателен в HTML5.

Значения

Любое целое положительное число.

Значение по умолчанию

В HTML4 зависит от настроек браузера и операционной системы.

В HTML5 — 20.

disabled

Блокирует доступ и изменение элемента.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Блокирует доступ и изменение текстового поля. Оно в таком случае отображается серым и недоступным для активации пользователем. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние поля можно менять с помощью скриптов.

Заблокированный в поле текст не передается на сервер.

Синтаксис

HTML

<textarea disabled></textarea>

XHTML

<textarea disabled="disabled"></textarea>

Значения

Нет.

Значение по умолчанию

По умолчанию это значение выключено.

Пример. Блокировка поля

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 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=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>

name

Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

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

Синтаксис

<textarea name="имя">

</textarea>

Значения

В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу <textarea> по имени соблюдайте ту же форму написания, что и в атрибуте name.

Значение по умолчанию

Нет.

Пример. Обращение к полю по имени

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 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=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>

readonly

Устанавливает, что поле не может изменяться пользователем.

rows

Высота поля в строках текста.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Высота текстового поля, которое определяется количеством отображаемых строк без прокрутки содержимого. Если размер шрифта изменяется с помощью стилей, высота поля также соответственно меняется.

Синтаксис

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

Обязательный атрибут

Обязателен в HTML4, не обязателен в HTML5.

Значения

Любое положительное число.

Значение по умолчанию

В HTML4 зависит от настроек браузера и операционной системы.

В HTML5 — 2.

Также для этого тега доступны универсальные атрибуты и события.

  1. Тег <select>

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее. Конечный вид зависит от использования атрибута size тега <select>, который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега <option>, который должен быть вложен в контейнер <select>. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.

Список множественного выбора

Раскрывающийся список

Синтаксис

<select>

<option>Пункт 1</option>

<option>Пункт 2</option>

</select>

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

Обязателен.

Пример. Использование тега <select>

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 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=utf-8">

<title>Тег SELECT</title>

</head>

<body>

<form action="select1.php" method="post">

<p><select size="3" multiple name="hero[]">

<option disabled>Выберите героя</option>

<option value="Чебурашка">Чебурашка</option>

<option selected value="Крокодил Гена">Крокодил Гена</option>

<option value="Шапокляк">Шапокляк</option>

<option value="Крыса Лариса">Крыса Лариса</option>

</select></p>

<p><input type="submit" value="Отправить"></p>

</form>

</body>

</html>

Атрибуты

multiple

Позволяет одновременно выбирать сразу несколько элементов списка.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]
Помощь Обратная связь Вопросы и предложения Пользовательское соглашение Политика конфиденциальности