Теория
Теория

Раскрывающийся список или «селект»

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

Раскрывающийся список создаётся с помощью парного тега <select>, у которого есть знакомые атрибуты name и id.

Варианты ответов задаются с помощью парных тегов <option>, которые должны располагаться внутри тега <select>. Например:

<select name="theme">
  <option value="light">Светлая тема</option>
  <option value="dark">Тёмная тема</option>
  ...
</select>

В атрибуте value тега <option> задаётся значение варианта ответа, а внутри этого тега располагается подпись варианта ответа.

Если при отправке формы у выбранного варианта задан value, то на сервер отправится значение этого атрибута. В противном случае будет отправлен текст подписи.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Раскрывающийся список или «селект»</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Анкета</h1> <form action="https://echo.htmlacademy.ru" method="post"> <p>Часто выпадающие списки используют для выбора даты.</p> <p><i>Ваш год рождения</i></p>  <input type="submit" value="Отправить"> </form> </body> </html>

CSS

input[type="submit"] { display: block; margin-top: 10px; }

ЗадачиВыполнено

Добавьте в форму раскрывающийся список с именем year.
Добавьте в этот список вариант со значением 2000 и подписью 2000 год.
И второй вариант со значением 2001 и подписью 2001 год.

Попробуйте отправить форму.

Раскрывающийся список или «селект»

Вход

Регистрация

Восстановление доступа