logo
[КОМП СИСТЕМЫ] / KS1

Формы html-документов

Язык html реализует стандартные элементы пользовательского интерфейса, а также механизм передачи данных между html-страницы и серверными приложениями.

В этих целях используется тег <Form>.

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

Все элементы формы располагаются между тегами <Form> и </Form>.

Форма может иметь атрибуты Action и Method. С помощью атрибута Action указывается адрес приложения, которое обрабатывает данные формы, после нажатия на кнопку Submit.

Атрибут Method указывает каким образом осуществляется передача данных приложению.

Тег <imput> используется для создания элементов формы. Атрибут type определяет какой элемент будет создан.

type=”text” – текст;

type=”button” – кнопка;

type=”submit” – кнопка передачи данных форм.

Атрибут name определяет имя параметра передаваемого на сервер. Атрибут value – надпись на элементе формы. Атрибут size – размер поля ввода.

Пример: см. гипертекст страницы j2ee.html.

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

Таблицы в HTML описываются тегами <Table>…</Table>. Атрибут Border тега <Table> определяет толщину рамки таблицы. Для каждого столбца таблицы можно задать заголовок. Для этого необходимо пользоваться тегами <TH> и </TH>. Каждая новая строка таблицы начинается тегом <TR>, а заканчивается - </TR>. Данные находятся между тегами <TD> и </TD>. Они определяют содержание каждой отдельной ячейки таблицы.

Пример html-таблицы.

<html>

<head></head>

<body>

<table border = “1”>

<TH>1 столбец</TH><TH>2 столбец</TH>

<TR>

<TD>

<TD>1 ячейка</TD><TD>2 ячейка</TD>

</TR>

<TR>

<TD>3 ячейка</TD><TD>4 ячейка</TD>

</TR></Table>

</body></html>

1 столбец

2 столбец

1 ячейка

2 ячейка

3 ячейка

4 ячейка