Основы работы с HTML



Раскрывающийся список выбора


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

В следующем примере создан простой раскрывающийся список выбора ноутбука по производителю.

<html> <body>

<form> Выбор ноутбука по производителю: <select name="notebook"> <option value="acer">Acer <option value="asus">Asus <option value="compaq">Compaq <option value="hp">HP <option value="sony">Sony <option value="toshiba">Toshiba </select> </form>

</body> </html>

Пример выполнения данного HTML-кода

Необходимо заметить, что по умолчанию выбирается первое значение из списка. При помощи атрибута selected тега <option> это значение можно изменить. Следующий пример показывает раскрывающийся список выбора размера экрана ноутбука с предварительно установленным значением "15.4".

<html> <body>

<form> Выбор размера экрана ноутбука <select name="tft"> <option value="tft-12">12" <option value="tft-13">13" <option value="tft-14">14" <option value="tft-15">15" <option value="tft-15-4" selected="selected">15.4" <option value="tft-17">17" </select> </form>

</body> </html>

Пример выполнения данного HTML-кода




Содержание  Назад  Вперед