Формы HTML

Таблицы

Элемент MAP

Составные картинки

Параметр ISMAP используется для указания на то, что картинка составная. Таким образом можно поставить в соответствие одному изображению несколько гиперссылок. В этом случае элемент IMG ISMAP указывается внутри элемента <A> с соответствующим HREF.

Используется для обозначения области изображения, по которой пользователь может щелкнуть мышкой и перейти по ссылке к другому ресурсу. Поддерживает атрибут NAME, где указыватся наименование области изображения (используется атрибутом USEMAP).

Например:

<MAP NAME= "SQUARE">
<AREA SHAPE = RECT COORDS = "0, 0, 10, 10">
</ MAP>

Элемент <TABLE>

Используется для создания таблиц в HTML-документах. Таблица начинается с необязательного заголовка, за которым следует одна или более строк. Каждая из этих строк состоит из одной либо нескольких ячеек, представляющих заголовок и ячейки с данными. Таблица может содержать параграфы, списки, заголовки, формы, рисунки и отформатированный текст.

По умолчанию броузер выводит текст по центру в ячейке заголовка таблицы, а в ячейках с данными - с выравниванием по левому краю.

Данный элемент поддеpживает атpибуты: ALIGN, BORDER, CELLPADDING, CELLSPACING, WIDTH.

Элемент <TH>

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

Данный элемент поддеpживает атpибуты: ALIGN, COLSPAN, HEIGHT, NOWRAP, VALIGN, WIDTH.

Элемент <TD>

Используется для определения атрибутов отдельных ячеек таблицы.

Данный элемент поддеpживает атpибуты: ALIGN, COLSPAN, HEIGHT, NOWRAP, VALIGN, WIDTH.

Элемент <TR>

Используется для формирования строк в таблице. С его помощью устанавливается вертикальное и горизонтальное выравнивание содержимого ячеек по всей строке. Можно также запретить перенос слов в любой строке таблицы.

Данный элемент поддеpживает атpибуты: ALIGN, VALIGN.

Пример:

<TABLE BORDER>
<TR> <TH COLSPAN=3 HEIGHT=10> <B> Моя таблица </B> </TH> </TR>
<TR> <TH> Данные </TH> <TH> Доп. данные </TH> <TH> Примечания </TH> </TR>
<TR> <TD> A </TD> <TD> B </TD> <TD> C </TD> </TR>
<TR> <TD> D </TD> <TD> E </TD> <TD> F </TD> </TR>
</TABLE>

Что дает на экране:

Моя таблица
Данные	Доп. данные	Примечания
A	B	C
D	E	F

Элемент <CAPTION>

Используется при форматировании наименований таблиц. Поддерживает атрибут ALIGN.

Например: <CAPTION ALIGN=CENTER> Таблица расходов </CAPTION>

Форма HTML представляет собой документ, созданный с использованием элементов HTML. Назначением формы является сбор информации от пользователей. После того как пользователь заполнит форму и запускает процесс ее обработки, информация из нее попадает в программу, работающую на сервере. Другая программа под названием Common Gateway Interface (CGI) обрабатывает ее. Таким образом пользователь может интерактивно взаимодействовать с сервером Web через Internet.

Элементы формы (элемент <FORM>)

Элемент < FORM> используется для обозначения документа как формы. Данный элемент определяет границы использования других элементов, размещаемых в форме.

<FORM> определяется последовательностью элементов <INPUT>, размещенных внутри пары <FORM> и </FORM>. Элемент формы использует как метод, так и действие для описания обработки формой данных, вводимых пользователем:

· метод (GET или POST) - определяет, как программист должен обрабатывать входные данные из формы.

· действие - указывает на URI программы, ответственной за обработку данных.

Данный элемент поддерживает атрибуты ACTION, ENCTYPE, METHOD.

Сбор данных при помощи форм (элемент <INPUT>)

Элемент < INPUT> используется для определения области внутри формы, где собираются данные. Данный элемент представляет собой поле для ввода информации пользователем (обычно одна строка текста). В этом случае требуется наличие атрибута NAME для определения наименования переменной поля.

Можно использовать следующие атрибуты:

· MAXLENGTH - ограничивает число вводимых символов (по умолчанию ограничений нет)

· SIZE - размер видимой на экране области, занимаемой текущим полем. Если MAXLENGTH> SIZE, броузер будет прокручивать данные в окне.

· VALUE - определяет начальное значение поля ввода.

а также атpибуты: ALIGN, CHECKED, NAME, SRC, TYPE.

Дата добавления: 2015-05-26