HTML – це мова розмітки, яка використовується для створення веб-сторінок. Вона дає змогу програмістам створювати структуру й оформлення сторінки, використовуючи різні теги й атрибути. Один із найчастіше використовуваних елементів HTML – це список, що відкриває, який дає змогу користувачеві вибрати один або кілька варіантів із запропонованого списку.
Для створення списку, що відкривається, в HTML використовується тег <select> . Цей тег визначає список, що випадає, у якому користувач може вибрати один варіант. Для кожного варіанта списку використовується тег <option> . Усередині тега <option> можна вказати текст, який відображатиметься у списку, а також значення, яке передаватиметься на сервер під час надсилання форми.
Приклад коду списку, що відкривається:
<select> <option value="1">Варіант 1</option> <option value="2">Варіант 2</option> <option value="3">Варіант 3</option> ... </select>
При цьому користувач може вибрати тільки один варіант зі списку. Якщо необхідно дозволити вибір декількох варіантів, то можна додати атрибут multiple до тегу <select> .
Html | як | зробити | що відкриває | список |
---|---|---|---|---|
Тег: | <select> | <option> | <optgroup> | <datalist> |
Опис: | Створює список, що випадає | Визначає варіанти вибору в списку | Групує варіанти вибору | Визначає список варіантів для елемента введення |
Приклад: | <select> <option value=”1″>Варіант 1</option> <option value=”2″>Варіант 2</option> </select> | <select> <option value=”1″>Варіант 1</option> <option value=”2″>Варіант 2</option> </select> | <select> <optgroup label=”Група 1″> <option value=”1″>Варіант 1</option> <option value=”2″>Варіант 2</option> </optgroup> <optgroup label=”Група 2″> <option value=”3″>Варіант 3</option> <option value=”4″>Варіант 4</option> </optgroup> </select> | <input list=”варіанти”> <datalist id=”варіанти”> <option value=”Варіант 1″> <option value=”Варіант 2″> <option value=”Варіант 3″> </datalist> |
Як відобразити тег у HTML?
Будь-які теги (на кшталт <p>) жодним чином не показуються в браузері, оскільки сприймаються браузером як команди для вставки елементів і зміни їхніх властивостей. Але іноді потрібно на веб-сторінці вивести теги, наприклад, для демонстрації HTML-коду. У цьому разі використовуйте спецсимволи &lt; і &gt; для заміни кутових дужок < і > .
Який правильний HTML для створення текстової області?
Поле <textarea> являє собою елемент форми для створення області, в яку можна вводити кілька рядків тексту. На відміну від тега <input> у текстовому полі допустимо робити переноси рядків, вони зберігаються під час надсилання даних на сервер.
Як приховати частину коду?
У HTML існує можливість використовувати коментарі, щоб приховати частину коду. Просто укладіть ділянку коду, яку ви хочете приховати, між “” тегами коментаря . Це допоможе зробити цю частину коду невидимою на веб-сторінці.