Входни полета с много избор за HTML форми

• Може 2, 2024

Ако изграждате формуляр на уебсайта си и искате посетителите да избират една или повече предварително избрани опции, тогава полето за въвеждане с множество възможности за избор е начинът да отидете.

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

Радио бутоните са групирани по техния атрибут "name". В група от радио бутони, споделящи едно и също име, посетителите ще могат да изберат само един; щракването върху различен бутон в групата ще премахне избора на първоначалния избор. Атрибутът "стойност" определя към коя опция принадлежи радио бутона, а атрибутът "проверен" ви позволява предварително да изберете опция.

В горния пример въпросът може да бъде кодиран по следния начин:

Кой е любимият ти основен цвят?

червен

Син

жълт

На вашия сайт въпросът ще изглежда така:

Кой е любимият ти основен цвят?
червен
Син
жълт

Второто поле с многократен избор е падащото меню. С падащо меню можете да изберете да разрешите множество селекции или само един; падащите менюта също заемат по-малко място на страницата, така че ви позволяват да представяте повече опции с по-малко струпване.

Падащите менюта използват маркера "select" като основа на полето и тага "option", за да зададете елементите от менюто. Можете да промените маркера "select" с атрибута "size", който указва колко елемента са видими, преди посетителят да кликне, за да отвори менюто, и атрибута "multiple", който, ако е зададен, позволява на посетителя да избере повече от една опция , Можете също така да промените етикета "опция"; атрибутът „избран“ ви позволява да изберете тази опция.

Ето примерен въпрос с помощта на падащо меню:

Кой е най-малко любимият ти ден от седмицата?


неделя
понеделник
вторник
сряда
четвъртък
петък
събота


На вашия сайт въпросът ще изглежда така:

Кой е най-малко любимият ти ден от седмицата?

неделя
понеделник
вторник
сряда
четвъртък
петък
събота


Третата опция за многократен избор е квадратчето за отметка. Полетата за отметки са подобни на радио бутоните, само че винаги позволяват на посетителите да избират множество опции. Отметките позволяват същите атрибути като радио бутоните.

Примерен въпрос с използване на отметки:

Какъв домашен любимец (и) имате?

куче

котка

птица

мишка

хамстер

алигатор

друг


Вашите посетители ще видят:

Какъв домашен любимец (и) имате?
куче
котка
птица
мишка
хамстер
алигатор
друг

Инструкции Видео: Universal Basic Income Explained – Free Money for Everybody? UBI (Може 2024).