Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 39 из 70 · 10 мин
select, option, optgroup, multiple и datalist: выпадающие списки и подсказки при вводе.
Время записи — из списка: 10:00, 10:30… И город, можно свой вариант.
Выпадающий список. А для «можно своё» — подсказки datalist.
<select><select name="time">
<option>10:00</option>
<option>10:30</option>
</select><option>select или datalist. value — что отправится.morning.<select>
<option value="morning">Утро</option>
<option value="evening">Вечер</option>
</select>selectedoption — выбран изначально.<select>
<option>10:00</option>
<option selected>19:00</option>
</select>multipleselect — выбрать несколько; у input type="file" и email — несколько файлов или адресов.<select multiple>
<option>Пенал</option>
<option>Ручка</option>
<option>Линейка</option>
</select>sizeselect — высота списка в строках; у input — ширина в символах.<select size="3">
<option>Пенал</option>
<option>Ручка</option>
<option>Ластик</option>
</select><optgroup>label.<select>
<optgroup label="Утро"><option>9:00</option></optgroup>
<optgroup label="Вечер"><option>19:00</option></optgroup>
</select><datalist>input через list.<input list="drinks" name="drink">
<datalist id="drinks">
<option value="Пенал">
<option value="Ручка">
</datalist>listinput: id элемента datalist.<input list="d">
<datalist id="d"><option value="Пенал"></datalist>Сделай выпадающий список select с подписью и тремя вариантами времени, сгруппированными в optgroup «Вечер».
select с id="city" — пока нетoptgroup с label — пока нетВыберите один ответ.
Какой элемент делит длинный выпадающий список на подписанные разделы?
Выберите один ответ.
Нужно подсказывать популярные значения, но разрешить ввести своё. Что подходит?
Проверяем состояние обучения…