Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <select>



Пример

Создайте раскрывающийся список с четырьмя вариантами:

<label for="cars">Выберите автомобиль:</label>

<select name="cars" id="cars">
 <option value="volvo">Вольво</option>
 <option value="saab">Сааб</option>
 <option value="mercedes">Мерседес</option>
 <option value="audi">Ауди</option>
</select>
Попробуйте сами »


Определение и использование <select>

Тег <select> используется для создания выпадающего списка.

Тег <select> чаще всего используется в форме, чтобы собрать пользовательский ввод.

Атрибут name необходим для ссылки на данные формы после отправки формы (если вы опустите атрибут name, никакие данные из выпадающего списка не будут представлены).

Атрибут id необходим для того, чтобы связать выпадающий список с меткой.

Тег <option> внутри элемента <select> определяет доступные параметры в раскрывающемся списке.

Совет: Всегда добавляйте тег <label> для лучших практик доступности!


Поддержка браузеров <select>

Элемент
<select> Да Да Да Да Да


Атрибуты <select>

Атрибут Значение Описание
autofocus autofocus Указывает, что раскрывающийся список должен автоматически фокусироваться при загрузке страницы
disabled disabled Указывает, что раскрывающийся список должен быть отключен
form form_id Определяет, к какой форме относится раскрывающийся список
multiple multiple Указывает, что одновременно можно выбрать несколько параметров
name name Определяет имя раскрывающегося списка
required required Указывает, что пользователь должен выбрать значение перед отправкой формы
size number Определяет количество видимых параметров в раскрывающемся списке

Глобальные атрибуты <select>

Тег <select> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <select>

Тег <select> также поддерживает События атрибутов в HTML.


Еще примеры <select>

Пример

Use <select> with <optgroup> tags:

<label for="cars">Выберите автомобиль:</label>
<select name="cars" id="cars">
 <optgroup label="Шведские Автомобили">
   <option value="volvo">Вольво</option>
   <option value="saab">Сааб</option>
 </optgroup>
 <optgroup label="Немецкие Автомобили">
   <option value="mercedes">Мерседес</option>
   <option value="audi">Ауди</option>
 </optgroup>
</select>
Попробуйте сами »

Связанные страницы <select>

HTML DOM Справочник: Объект Select

CSS Учебник: Стили форм


Настройки CSS по умолчанию <select>

Нет.