Если браузер не поддерживает рисунки

Некоторые WWW-браузеры, (например, используемые на VT100-терминалах) не могут показывать рисунки. Пользователи смогут увидеть только текст, заданный в пункте гиперссылки ALT =. Сопроводительный текст должен быть включен в кавычки. Например:

< IMG SRC=" logo.gif" ALT = " logo.gif" >

В этом случае пользователь увидит только текст " logo.gif".

Внешние рисунки, звуки и мультипликация

Если вы не хотите, чтобы рисунок замедлял загрузку основного WWW-документа, вы можете поместить рисунок в отдельный документ, написав на него гиперссылку. В этом случае пользователь сам должен решить — смотреть или не смотреть ему этот рисунок:

Рассмотрим более длинный пример HTML-документа:

< HEAD>

TITLE> Более длинный пример< /TITLE>

< /HEAD>

< BODY>

< H1> Более длинный пример< /H1>

Это простой HTML-документ. Это первый абзац.

< P> Это второй абзац, он демонстрирует некоторые возможности HTML

по выделению слов. Это слово написано < I> наклонным< /I> шрифтом.

Это слово написано < B> жирным< /B> шрифтом.

Здесь Вы можете увидеть картинку: < IMG SRC=" 1_cool.gif" >

< P> Это третий абзац, он демонстрирует использование гиперссылок.

Это гиперссылка на файл minihtml.html, содержащий простой примерHTML-документа:

< A HREF=" minihtml.html" > Пример HTML-текста< /A>.< P>

< H2> Заголовок второго уровня< /H2>

Дальнейший текст будет написан шрифтом фиксированной ширины:

< P>

< PRE> On the stiff twig up there Hunches a wet black rook

Arranging and rearranging its feathers in the rain...

< /PRE>

Это ненумерованный список, состоящий из двух элементов:

< P>

< UL>

< LI> смородина

< LI> черника

< /UL>

Конец документа. < P>

< ADDRESS> Irina Pankova (iii@vyt.hi.msu.au)< /ADDRESS> < /DD>

< /BODY>

Глава 11. Формы в HTML документах

Некоторые WWW браузер позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-браузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку «Подтверждение» (SUBMIT — специальный тип кнопки, который задается при описании документа), информация, введенная пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом.

Когда вы описываете форму, каждый элемент ввода данных имеет тэг < INPUT>. Когда пользователь помещает данные в элемент формы, информация размещается в разделе VALUE данного элемента.

Синтаксис

Все формы начинаются тэгом < FORM> и завершаются тэгом < /FORM>.

< FORM METHOD=" get|post" ACTION=" URL" > Элементы_формы_и_другие_эле-менты_HTML < /FORM>

METHOD

Метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями:

GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. Использование метода GET не рекомендуется.

POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды CON-TENT_LENGTH для определения, какое количество данных вам необходимо считать из стандартного потока ввода. Данный метод рекомендуется к использованию.

ACTION

ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму.

Тэги формы

TEXTAREA

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

< TEXTAREA NAME=" address" ROWS=10 COLS=50> Москва, Тверская улица, д.7, офис 1 < /TEXTAREA>

Атрибуты, используемые внутри тэга < TEXTAREA> описывают внешний вид и имя вводимого значения. Тэг < /TEXTAREA> необходим даже тогда, когда поле ввода изначально пустое. Описание атрибутов:

NAME — имя поля ввода

ROWS — высота поля ввода в символах

COLS — ширина поля ввода в символах

Если вы хотите, чтобы в поле ввода по умолчанию выдавался какой-либо текст, то необходимо вставить его внутри тэгов < TEXTAREA> и < /TEXTAREA>.

INPUT

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

CHECKED — означает, что CHECKBOX или RADIOBUTTON будет выбран.

MAXLENGTH — определяет количество символов, которое пользователи могут ввести в поле ввода. При превышении количества допустимых символов браузер реагирует на попытку ввода нового символа звуковым сигналом и не дает его ввести. Не путать с атрибутом SIZE. Если MAXLENGTH больше чем SIZE, то в поле осуществляется скроллинг. По умолчанию значение MAXLENGTH равно бесконечности.

NAME — имя поля ввода. Данное имя используется как уникальный идентификатор поля, по которому, впоследствии, вы сможете получить данные, помещенные пользователем в это поле.

SIZE — определяет визуальный размер поля ввода на экране в символах.

SRC — URL, указывающий на картинку (используется совместно с атрибутом IMAGE ).

VALUE — присваивает полю значение по умолчанию или значение, которое будет выбрано при использовании типа RADIO (для типа RADIO данный атрибут обязателен)

TYPE — определяет тип поля ввода. По умолчанию это простое поле ввода для одной строки текста. Остальные типы должны быть явно, их полный список приведен ниже:

CHECKBOX

Используется для простых логических ( BOOLEAN ) значений. Значение, ассоциированное с именем данного поля, которое будет передаваться в вызываемую CGI-программу, может принимать значение ON или OFF.

HIDDEN

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

IMAGE

Данный тип поля ввода позволяет вам связывать графический рисунок с именем поля. При нажатии мышью на какую-либо часть рисун-

ка будет немедленно вызвана ассоциированная форме CGI-программа. Значения, присвоенные переменной NAME будут выглядеть так — создается две новых переменных: первая имеет имя, обозначенное в поле NAME с добавлением.x в конце имени. В эту переменную будет помещена X-координата точки в пикселах (считая началом координат левый верхний угол рисунка), на которую указывал курсор мыши в момент нажатия, а переменная с именем, содержащимся в NAME и добавленным.y, будет содержать Y-координату. Все значения атрибута VALUE игнорируются. Само описание картинки осуществляется через атрибут SRC и по синтаксису совпадает с тэгом < IMG>.

PASSWORD

То же самое, что и атрибут TEXT, но вводимое пользователем значение не отображается браузером на экране.

RADIO

Данный атрибут позволяет вводить одно значение из нескольких альтернатив. Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом TYPE=”RADIO” с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME. В CGI-программу будет передано значение типа NAME=VALUE, причем VALUE примет значение атрибута VALUE того поля ввода, которое в данный момент будет выбрано (будет активным). При выборе одного из полей ввода типа RADIO все остальные поля данного типа с тем же именем (атрибут NAME ) автоматически станут невыбранными на экране.

RESET

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

SUBMIT

Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI-программа (или URL), описанная в заголовке формы. Атрибут VALUE может содержать строку, которая будет высвечена на кнопке.

TEXT

Данный тип поля ввода описывает однострочное поле ввода. Используйте атрибуты MAXLENGTH и SIZE для определения максимальной длинны вводимого значения в символах и размера отображаемого поля ввода на экране (по умолчанию принимается 20 символов).

Меню выбора в формах

Под меню выбора в формах понимают такой элемент интерфейса, как LISTBOX. Существует три типа тэгов меню выбора для форм:

Select — пользователь выбирает одно значение из фиксированного списка значений, представленных тэгами OPTION.

Данный вид представляется как выпадающий LISTBOX.

Select single — то же самое, что и Select, но на экране пользователь видит одновременно три элемента выбора. Если их больше, то предоставляется автоматический вертикальный скроллинг.

Select multiple — позволяет выбрать несколько элементов из LIST-BOX.

SELECT

Тэг SELECT позволяет пользователю выбрать значение из фиксированного списка значений. Обычно это представлено выпадающим меню.

Тэг SELECT имеет один или более параметр между стартовым тэгом < SELECT> и завершающим < /SELECT>. По умолчанию, первый элемент отображается в строке выбора. Вот пример тэга < SELECT>:

< FORM>

< SELECT NAME=group>

< OPTION> AT 386

< OPTION> AT 486

< OPTION> AT 586

< /SELECT>

< /FORM>

SELECT SINGLE

Тэг SELECT SINGLE — это то же самое, что и Select, но на экране пользователь видит одновременно несколько элементов выбора (три по умолчанию). Если их больше, то предоставляется автоматический вертикальный скроллинг. Количество одновременно отображаемых элементов определяется атрибутом SIZE. Пример:

< FORM>

< SELECT SINGLE NAME=group SIZE=4>

< OPTION> AT 386

< OPTION> AT 486

< OPTION> AT 586

< OPTIONS> Pentium PRO

< /SELECT>

< /FORM>

SELECT MULTIPLE

Тэг SELECT MULTIPLE похож на тэг SELECT SINGLE, но пользователь может одновременно выбрать более чем один элемент списка. Атрибут SIZE определяет количество одновременно видимых на экране элементов, атрибут MULTIPLE — максимальное количество одновременно выбранных элементов. Пример:

< FORM>

< SELECT SINGLE NAME=group SIZE=4 MULTIPLE=2>

< OPTION> AT 386

< OPTION> AT 486

< OPTION> AT 586

< OPTIONS> Pentium PRO

< /SELECT>

< /FORM>

Если выбрано одновременно несколько значений, то серверу передаются соответствующее выбранному количество параметров NAME=VALUE с одинаковыми значениями NAME, но разными VALUE.

⇐ Предыдущая234567891011Следующая ⇒

Поделиться:

Популярное:

1. I. Если глагол в главном предложении имеет форму настоящего или будущего времени, то в придаточном предложении может употребляться любое время, которое требуется по смыслу.
2. VIII. Какую массу бихромата калия надо взять для приготовления 2 л 0,02 н. раствора, если он предназначен для изучения окислительных свойств этого вещества в кислой среде.
3. XXXII. ЧТО НУЖНО ЗНАТЬ И ДЕЛАТЬ ЕЖЕДНЕВНО, ЧТОБЫ НЕ БОЛЕТЬ, А ЕСЛИ БОЛЕЕШЬ, ТО КАК ВЫТАЩИТЬ СЕБЯ В ТЕЧЕНИИ ДНЯ, ПОЧТИ, С ТОГО СВЕТА.
4. Будда определяет истину как то, что работает. Его определение: истина - это то, что работает, - если может работать ложь, то это истина, и если истина не может работать, то это ложь.
5. Будьте ситом, которому известно, что если я не являюсь для плохого преградой, то оно для меня не является плохим.
6. Быть рядом с супругом в критические моменты — лучшее, что вы можете подарить ему, если его родной язык — подарки.
7. В задачах (258–266) вычислить, сколько молей веществ, подчеркнутых в уравнениях реакций, прореагировало или образовалось в результате химических превращений, если при этом выделилось 2500 кДж тепла
8. В случае, если будет зарегистрировано большое количество участников в категориях Ювеналы, Юниоры, организаторы оставляют за собой право РАЗДЕЛИТЬ эти категории на Ювеналы 1,2, Юниоры 1,2.
9. Вопрос: Если бы дома никого не было, кого бы ты ждал в первую очередь (маму, папу; папу, маму?).
10. ВОТ ПРОДАЖА, ЕСЛИ КТО ПРОДАЕТ СЕБЯ
11. Вы почувствуете все характеры, окружающие вас. У природы есть свой собственный язык, но она безмолвна, и если вы сами не безмолвствуете, то вы не поймете ее.
12. Вы рассказывали нам о многих медитационных техниках. Не правда ли, однако, что ни один метод не сможет работать на полную мощность, если вы не посвящены в него?