Отправляет email-рассылки с помощью сервиса Sendsay

Технологии эффективного Интернета

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Как сделать популярный сайт." на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Сентябрь 2006   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Vladimir N Abramov

Статистика

3.524 подписчиков
0 за неделю
←   Все выпуски   →

Основы web-технологий:: N 13


Рассылка: Основы web-технологий :: N 13
Раздел: Введение в HTML-разметку
Тема: HTML-формы. Часть N 2.
Раздел посвящен изучению языка гипертекстовой разметки HTML. Рассматриваются основные конструкции языка, приемы разметки и связь с различными программами работающими в Сети.
Основные понятия: Интерфейс пользователя, формы, меню, поля ввода, INPUT, SELECT, OPTION, TEXTAREA.
Информация о выпуске: разбирается возможность взаимодействия читателя HTML-страниц с сервером Web-узла. Подробно описывается подмножество HTML, которое носит название HTML-формы.

Создание многострочных областей ввода текста - тег <TEXTAREA>

В зависимости от типа формы может потребоваться организовать ввод большого количества текста. В таких случаях используется тег <TEXTAREA> для создания текстового поля из нескольких строк. Данный тег использует три атрибута: COLS, NAME и ROWS.

Атрибут COLS

Указывает (число символов) число колонок, содержащихся в текстовой области.

Атрибут NAME

Определяет наименование поля.

Атрибут ROWS

Задает количество видимых строк текстовой области.

<BR><TEXTAREA NAME=тема COLS=38 ROWS=3></TEXTAREA>

Использование списков в форме - тег <SELECT>

Когда формы HTML становятся более сложными, в них часто включают списки с прокруткой и выпадающие меню. Для этого используют тег SELECT с атрибутом TYPE=select. Для определения списка пунктов используют тег <OPTION>. Тег <SELECT> поддерживает три необязательных атрибута: MULTIPLE, NAME и SIZE.

Атрибут MULTIPLE

Позволяет выбрать более чем одно наименование.

Атрибут NAME

Определяет наименование объекта.

Атрибут SIZE

Определяет число видимых пользователю пунктов списка. Если в форме установлено значение атрибута SIZE=1, то браузер выводит на экран список в виде выпадающего меню. В случае SIZE > 1 браузер представляет на экране обычный список.

В форме может использоваться тег <OPTION> только внутри тега <SELECT>. Эти теги поддерживают два дополнительных атрибута: SELECTED и VALUE.

Атрибут SELECTED

Используется для первоначального выбора значения элемента по умолчанию.

Атрибут VALUE

Указывает на значение, возвращаемое формой после выбора пользователем данного пункта. По умолчанию значение поля равно значению тега <OPTION>.

<BR>Выбор
<SELECT NAME="Выбор">
<OPTION>Вариант 1
<OPTION>Вариант 2
<OPTION VALUE="Вариант 3">Вариант 3
<OPTION SELECTED>Вариант 4
</SELECT>

Использование элементов стиля.

Отдельно следует отметить один момент. Дело в том, что часто на HTML страницах формы выглядят несколько неряшлово из-за того, что длина разных элементов формы отличается друг от друга. Одного атрибута COLS часто не хватает. В этом случае вы можете воспользоваться атрибутом STYLE. Все современные броузеры уверенно обрабатывают параметр ширины WIDTH элементов форм.

<FORM style="width: 200px;">
<INPUT TYPE=text NAME=fld1 style="width: 200px;"><BR>
<TEXTAREA NAME=тема ROWS=4 style="width: 200px;"></TEXTAREA><BR>
<INPUT TYPE=submit style="width: 200px;">
</FORM>

В этом примере на экран броузера будет выведена форма из трех элементов совершенно одинаковой ширины. И отдельное поле и текстовое и даже кнопка - все элемнты будут иметь ширину по 200 пикселей каждый. Согласитесь, это выглядит достаточно элегантно -



Спасибо за внимание, встретимся через неделю.

cайт рассылки: web.aho.ru

Мои закладки: лучший хостинг - трафик без ограничений, от $0.8 в месяц, все включено, домен бесплатно, кредит, скидки, ответственная и доброжелательная тех-поддержка. Замечательная компания - присоединяйся!

В избранное