HTML выбор из списка и переключатели

или возможности HTML выбора из списка вариантов

Глава содержит примеры возможностей осуществлять выбор.

В меню слева вы найдете современные и очень подробные уроки по HTML.

Они позволят вам создать свой сайт с чистого листа, а пока смотрим немного ниже.

Основное содержание страницы

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

Прежде, чем приступить к HTML выбору, предлагаю ознакомиться с некоторой информацией.

Это может быть интересно.

Сначала про сайты, а потом о выборе

Персональные сайты чаще всего создаются в связи с несколькими основными причинами: а) желание пользователей интернета быть в ногу со временем; б) расширение кругозора в быстроразвивающейся технологической среде; в) стремление к самореализации посредством компьютера; г) самоподготовка для предстоящей профессиональной деятельности; д) расширение круга знакомств в сфере деятельности, на которой остановился выбор и в целом; е) деятельность, связанная
с развлечением, отдыхом или увлечением, практикующаяся в свободное время, независимо от выбора профессии.

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

HTML выбор из выпадающего списка

<title>О HTML выборе</title>

          </head>

          <body>

          <form action="https://ab-w.net/info.php" method="post" name="drop_down_box">

          <select name="menu" size="1">

          <option value="first">Первая позиция</option>

          <option selected="selected" value="second">Вторая позиция</option>

          <option value="third">Третья позиция</option>

          <option value="fourth">Четвертая позиция</option>

          </select>

          </form>

HTML параметры, определяющие выбор

<select> </select> – определяют список с позициями для выбора.
size="" – определяeт количество видимых позиций списка. Если значение равно 1, мы имеем дело с выпадающим списком.
<option> </option> – определяют позиции (пункты) списка.
value="" – содержит значение, которое будет отправлено формой по указанному url на обработку.
selected="selected" – выделяет позицию списка в качестве примера.

В итоге имеем:

HTML выбор посредством переключателей

<title>О HTML выборе</title>

          </head>

          <body>

          <form name="travel" action="https://ab-w.net/info.php" method="get">

          <input type="checkbox" name="transport" value="airplane" checked="checked" /> Самолет<br />

          <input type="checkbox" name="transport" value="train" /> Поезд<br />

          <input type="checkbox" name="transport" value="car" /> Автомобиль<br />

          <input type="checkbox" name="transport" value="bus" /> Автобус<br />

          <input type="submit" value="OK" />

          <input type="reset" value="Reset" />

          </form>

HTML параметры, определяющие выбор

value="" – определяет значение, которо будет отправлено формой по указанному url.
checked="checked" – отмечает в качестве примера одно из возможных значений.
type="submit" – определяет кнопку.
type="reset" – определяет кнопку сброса.
value="" – определяет надпись на кнопке.

В результате имеем:

Смотрите дополнительно об HTML выборе из списка в главе Формы и обработка формы

1 3 4 5 6 7 8 9 10 11 12

Автор проекта - Вася Митин | Дата публикации: Июль 2011 | Обновление: Ноябрь 2018

HTML коды: вопросы и ответы Возможность HTML выбора