|
|
Онлайн учебник по HTML и JAVASCRIPT Элементы языков HTML и JAVASCRIPTПереключателиТэг <INPUT> позволяет
вывести на страницу не только поле ввода, но и другие элементы. Например,
если использовать атрибут TYPE= "RADIO"
, то можно создать набор переключателей (radio-button) — кружков,
щелчок на одном из которых делает его отмеченным (выбранным), а все остальные
— неотмеченными. Чтобы набор переключателей воспринимался как целое, его
необходимо поместить внутри тега списка <UL>
и в каждом теге <INPUT> использовать
одно и то же имя (значение атрибута NAME).
Чтобы выделить переключатель, применяется атрибут CHECKED. После тега <INPUT> помещается текст, который мы хотим видеть рядом с переключателем. Атрибут VALUE используется для того, чтобы мы смогли узнать, какой переключатель выбрал пользователь, и обработать выбор в программе-сценарии. Радиокнопки называют еще селекторными переключателями в отличие от просто переключателей, под которыми имеют в виду флажки (см. ниже) В следующем примере создается набор из трех переключателей: <HTML>
Рис. 675. Набор переключателей, оформленный в виде списка. В наборе можно установить только один переключатель. Элементы списка (в рассматриваемом примере — переключатели) располагаются
по умолчанию в столбце, т. е. вертикально. А как расположить их горизонтально,
т. е. в одну строку? Горизонтальное расположение элементов списка довольно
часто встречается на страницах, поскольку это позволяет экономить место.
Один из возможных и часто используемых способов заключается в применении
тега таблицы как метода позиционирования. Ниже приводится вариант соответствующей
программы и результат ее работы:
<HTML>
Рис. 676. Переключатели расположены горизонтально с помощью таблицы с невидимыми рамками.
|
|
|