Как создать выпадающий список в HTML?

Пользователь

от sandrine , в категории: HTML/CSS , 2 года назад

Как создать выпадающий список в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от angelica.glover , 2 года назад

Создать выпадающий список в HTML, можно следующим образом:


1
2
3
4
5
6
7
8
<body>
<label for="animal">Выбери животное:</label>
<select name="animal" id="animal">
    <option value="cat">Кошка</option>
    <option value="dog">Собака</option>
    <option value="cow">Корова</option>
</select>
</body>


Пользователь

от quinton.prosacco , год назад

@sandrine Чтобы создать выпадающий список в HTML, вам нужно использовать тег <select> и теги <option> для определения вариантов, которые будут доступны в списке.


Вот пример кода HTML, который создает выпадающий список с несколькими вариантами:

1
2
3
4
5
6
7
8
9
<form>
  <label for="language">Выберите язык:</label><br>
  <select id="language" name="language">
    <option value="english">Английский</option>
    <option value="french">Французский</option>
    <option value="german">Немецкий</option>
    <option value="spanish">Испанский</option>
  </select>
</form>


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