IZONE- http://www.izcity.com/- бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

Неизвестное о формах

FireFalcon

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

Отчасти прогресс в области самообразования сдерживался браузером Netscape 4. Кодеры смотрели на таблицу поддержки языка HTML браузером Netscape 4, сравнивали ее со спецификацией HTML 4.0, удрученно качали головами и откладывали вопрос изучения необычных свойств форм в долгий темный ящик своего новенького (или старенького) компьютерного стола. Но сейчас-то можно смело отпускать педаль газа, потому что браузер Netscape 4 мирно скончался. Нет, он конечно предпринимает попытки хоть на один лишний час удержаться в чартах, но решительные веб-разработчики уже не в силах терпеть его узких рамок и потрясающей нестабильности. Они устали от постоянных и в большинстве своем тщетных попыток искать окружные пути, чтобы старичок Netscape 4 не вешался при обработке сложной таблицы стилей. Короче, окончательные похороны уже не за горами, так что можно отбросить формальности и наконец-то заглянуть в спецификацию HTML 4.0, которую достаточно хорошо поддерживают браузеры MSIE 5+, Netscape 6 и Opera 5+. Откроем ее на разделе "Формы" и внимательно изучим, что там такого незнакомого и полезного. А вот и первые элементы!

FIELDSET

Этот элемент позволяет группировать элементы форм. Данная группировка помогает пользователям проще ориентироваться в формах, то есть ему сразу становится понятно, что вот все эти элементы относятся именно к этой форме. Поддерживается браузерами MSIE 4+, Netscape 6, Opera 5+. Кроме того, можно эту группу еще и обозвать. Для этого используется элемент

LEGEND

Имеет атрибут align, который теоретически позволяет размещать название не только сверху, но он не работает ни в одном браузере. Вообще элемент LEGEND не поддерживается браузером Opera 5+. Самое прекрасное, что на элемент FIEDLSER можно писать стили, то есть вы можете сделать рамку любого цвета и так далее. Надо сказать, что элемент LEGEND помечен в спецификации HTML 4 как нежелательный, однако это достаточно странно. А вот добрались и до примера. Ниже приведена форма, которая заключена в элемента FIELDSET и имеет название.

Ваш комментарий

Вы можете разместить на сайте ваш комментарий, касающийся данной статьи

Имя:
E-mail:
Страна:
Комментарий:

Как видите, форма заключена в достаточно оригинальную рамку с названием, которую невозможно сделать средствами CSS без использования элементов FIELDSET и LEGEND.

А сейчас рассмотрим элемент, который вам уже должен быть знаком.

BUTTON

Данный элемент значительно расширяет функциональные возможности кнопок. Имеет атрибут TYPE, который может принимать значения submit, reset и button. Первый два значения и так ясно для чего, а вот третье предназначено для тех случаев, когда надо исполнять какой-нибудь скрипт. То есть на кнопку вешается событие Onclick и вызывается нужная функция. Данный элемент не поддерживается браузером Operа 5+.

Самое интересное, что внутри элемента BUTTON можно с успехом размещать другие элементы языке HTML, так что можно сделать кнопку с текстом и рисунком. Вот так:

<BUTTON TYPE="button"> Кнопочка <IMG SRC=../img/news.gif WIDTH=30 HEIGHT=30 BORDER=0 ALT="кнопочка не функционирует"> </BUTTON>

Можно вместо рисунка запихать вовнутрь что вашей душе угодно, хоть таблицу, если вам это необходимо.

А еще есть достаточно полезный элемент

OPTGROUP

Который позволяет группировать пункты в элементе SELECT. В этом случае добавляются отступы, так что пользователям при выборе необходимого пункта ориентироваться гораздо проще, и названия каждой группы. Название задается в атрибуте LABEL элемента OPTGROUP. Кстати, этот элемент браузером Opera 5+ опять же не поддерживается, так что можно с полной уверенностью сказать, что по реализации поддержки форм Opera является худшим браузером. Вот пример использования группировки:

А вот так будет выглядеть такой выпадающий список в браузере:

Справочники:

Итак, кое-что полезное о формах вы, надеюсь, узнали. Плохо то, что браузер Opera 5+ не поддерживает большинство из упомянутых здесь элементов, так что они всей неземной красоты оценить не смогут. Но это исключительно их проблемы.

Источник: http://www.web-anatomy.f2s.com/

 


Copyright © "Internet Zone", http://www.izcity.com/, info@izcity.com