Итак мы продолжим с элементами формы и сегодня рассмотрим еще один интересный элемент - это SELECT, в переводе - выбор. Если с помощью радиокнопок вы отвечали конкретно на вопрос, а в чекбаксах могли выбрать несколько вариантов ответа. То элемент SELECT представляет собой выпадающей список, предоставляя возможность выбрать один из предложенных вариантов.
Как создается такой элемент? В начале создается параграф, в котором задаем вопрос, а затем создаем еще один параграф в котором расположится уже сам SELECT в новой строке. Создается такой элемент с помощью одноименного тега <select>. Это парный тег, поэтому у него обязательно есть закрывающийся тег </select>.
Тег <select> представляет собой, своего рода, контейнер, в котором в теге <option> хранятся элементы списка. Тег <option> - парный тег и должен всегда закрываться тегом </option>. Ниже создадим элемент выпадающего списка с пятью значениями.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Первая HTML страница</title>
</head>
<body>
</body>
</html>
Тегу <select> необходимо задать имя с помощью атрибута name, так как все данные формы отправляются обработчику, соответственно наш элемент отправится обработчику с присвоенным ему именем. В нашем случае наш элемент получил имя name_select. Теперь если вы сохраните результат, Вы увидите простотой выпадающей список.
Следующую опцию, которую мы рассмотрим - это изначальный показ конкретного элемента в списке. Если сейчас посмотреть, то у нас изначально отображается первый элемент - цифра один. Бывают моменты, когда нужно указать другой начальный элемент, например в нашем случаи цифру три, так как кушают люди в основном три раза в день. Делается это следующим образом: в элементе <option>3</option> указывается атрибут selected.
CSS