Теги HTML Select и Option - Список меню

May 6, 2024

Теги select и option работают вместе, чтобы создать выпадающий список меню в форме веб-страницы. Вы можете видеть этот тип списка каждый раз, когда вы указываете свое имя и адрес. Если вы живете в Соединенных Штатах, вы выбираете свой штат из выпадающего списка названий штатов. Этот раскрывающийся список создается с тегами выбора, а список вариантов (опций) - с группой тегов параметров. Открывающий и закрывающий теги требуются как для тегов select, так и для тегов option.

Вот пример кода для выпадающего меню.

Огайо Флорида
<	левая угловая скобка
Выбрать	имя элемента
имя	атрибут name используется для установки идентификатора для списка меню
>	правая угловая скобка
	закрывающий тег

<	левая угловая скобка
вариант	имя элемента
значение	Атрибут value используется для установки значения для опции
>	правая угловая скобка
	закрывающий тег

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

Атрибуты выбора тега

Атрибут имени
Атрибут, который вы должны включить в тег выбора, является атрибутом имени. Этот атрибут идентифицирует список для программы обработки. Если у вас есть несколько раскрывающихся меню в веб-форме, вы дадите каждому списку свое имя, назначив другое значение атрибуту имени. В этом примере я установил значение атрибута name в «states».

Атрибут размера
Атрибут размера указывает количество опций из списка, которые могут быть видны одновременно. Если бы я включил все штаты Соединенных Штатов в приведенный выше пример, это был бы длинный список. Поэтому я, вероятно, хотел бы установить для атрибута размера меньшее число, например 5, что позволило бы видеть только пять имен состояний одновременно.

Множественный атрибут
Когда этот атрибут включен в тег выбора, можно выбрать более одного параметра.

Атрибуты тега Option

Атрибут значения
Атрибут value для тега option устанавливает разные варианты или опции для каждого тега option в группе. При выборе тега параметра значение, связанное с этим тегом, отправляется программе обработки. Как видно из примера, значения, присвоенные тегам параметров (OH и FL), не совпадают с именами состояний, связанных с каждым тегом параметров. Имена состояний будут отображаться в веб-форме, но значение, отправленное программе, будет сокращением штатов.

Выбранный атрибут
Если этот атрибут включен в открывающий тег параметра, этот параметр будет предварительно выбран при первом отображении веб-формы на веб-странице.

Видео инструкция: HTML формы - теги select, option и optgroup (May 2024).

Теги HTML Select и Option - Список меню, HTML, тег HTML, теги HTML select, как создать выпадающее меню, как создать список меню в HTML, выбрать теги и их атрибуты, теги параметров и атрибуты

Предыдущая статья

Следующая статья

Простая коробка 5 х 5 с крышкой SVG Cut File

May 2024

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

компьютеры

Форматирование горизонтального тега правила

May 2024

Хотите разделить страницу или указать отдельный раздел? Горизонтальное правило может сделать это за вас. Это также чрезвычайно настраиваемо с атрибутами HTML и CSS. Горизонтальное правило - это...