
- •Темы лекции
- •Отображение мультимедиа-объектов
- •Параметры
- •Параметры
- •Вставка скриптов
- •Параметры
- •Таблицы
- •Параметры
- •Атрибут background
- •Параметр border
- •Параметры
- •Параметры
- •Параметр action
- •Параметр enctype
- •Параметр enctype
- •Параметр name
- •Параметр target
- •Параметр checked
- •Параметры
- •Параметры
- •Параметры
- •Параметры
- •Параметры
- •Фреймовая структура
- •Параметры
- •Параметр frameborder
- •Параметр framespacing
- •Параметры
- •Параметры
Параметры
accesskey- Доступ к элементам формы с помощью горячих клавиш.
for- Идентификатор элемента<input>,с которым следует установить связь.
4. Тег <select>позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее. Конечный вид зависит от использования параметраsizeтега<select>,который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге<option>,а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега<option>,который должен быть вложен в контейнер<select>.Если планируется отправлять данные списка на сервер, то требуется поместить элемент<select>внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.
Параметры
disabled- Блокирует доступ и изменение элемента.
multiple- Этот параметр позволяет одновременно выбирать сразу несколько элементов списка.
name- Имя элемента для отправки на сервер или обращения через скрипты.
size- Количество отображаемых строк списка.
5. Тег <option>определяет отдельные пункты списка, создаваемого с помощью контейнера<select>.Ширина списка определяется самым широким текстом, указанным в теге<option>,а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент<select>внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.
Параметры
disabled- Заблокировать для доступа элемент списка.
selected- Заранее устанавливает определенный пункт списка выделенным.
value- Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.
6. Тег <optgroup>представляет собой контейнер, внутри которого располагаются теги<option>объединенные в одну группу. Особенностью тега<optgroup>является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.
Параметры
label- Текст, который будет входить в список в виде заголовка группы.
<select>
<optgroup label="Цвет">
<option value="c1">Апельсиновый</option>
<option value="c2">Лимонный</option>
<option value="c3">Персиковый</option>
</optgroup>
<optgroup label="Тон">
<option value="s1">Светлый</option>
<option value="s2">Нормальный</option>
<option value="s3">Темный</option>
</optgroup>
</select>
7. Тег <textarea>представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега<input>в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.
Между тегами <textarea>и</textarea>можно поместить любой текст, который будет отображаться внутри поля.
Параметры
cols- Ширина поля в символах.
disabled- Блокирует доступ и изменение элемента.
name- Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
readonly- Устанавливает, что поле не может изменяться пользователем.
rows- Высота поля в строках текста.
wrap- Параметры переноса строк.
8. Тег <button>создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <input> (с параметромtype="button | reset | submit"). В отличие от этого тега,<button>предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.
Теоретически, тег <button>должен располагаться внутри формы, устанавливаемой элементом<form>.Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом<button>,если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать<button>в контейнер<form>обязательно.
9. Элемент <fieldset> предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.
Браузеры для повышения наглядности отображают результат использования тега <fieldset>в виде рамки.
10. Тег <legend>применяется для создания заголовка группы элементов формы, которая определяется с помощью тега<fieldset>.Группа элементов обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера<legend>,встраивается в эту рамку.