Далее на странице
Тег <option> создает пункт списка. Применяется только с тегом <select>, который создает раскрывающийся список или список с определенным количеством видимых пунктов.
Списки, созданные при помощи тегов <select> и <option>, часто применяются в формах (тег <form>).
Закрывающий тег
Не обязателен
Атрибут Disabled
Атрибут тега option - блокирует элемент списка - его нельзя выбрать.
Значение/я атрибута:
Не имеет
Значение по умолчанию:
Не имеет
Атрибут Selected
Атрибут тега option - определяет заранее выделенный пункт списка.
Значение/я атрибута:
Не имеет
Значение по умолчанию:
Не имеет
Атрибут Value
Атрибут value тега option - значение пункта списка, которое будет отправлено на сервер.
На сервер отправляется пара «имя=значение». Имя списка, задается атрибутом name тега <select>.
Значение/я атрибута:
Любой текст
Значение по умолчанию:
Не имеет
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег option </title>
</head>
<body>
<p> Сок на Ваш выбор: </p>
<p> <select name="Soc">
<option value="№1"> Томатный </option>
<option value="№2"> Яблоко и Виноград </option>
<option value="№3"> Мультифруктовый </option>
<option value="№4"> Персик </option>
<option value="№5" disabled> Персик и Яблоко </option>
</select> </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Тег option </title>
</head>
<body>
<p> Сок на Ваш выбор: </p>
<p> <select name="Soc">
<option value="№1"> Томатный </option>
<option value="№2"> Яблоко и Виноград </option>
<option value="№3"> Мультифруктовый </option>
<option value="№4"> Персик </option>
<option value="№5" disabled> Персик и Яблоко </option>
</select> </p>
</body>
</html>
Результат
Сок на Ваш выбор:
