„ <опција> ” ознака се користи да дефинише опцију коју корисник може да изабере из падајућег менија или са изборних листа у веб обрасцима. „ <опција> ” ознака омогућава програмерима да креирају скуп опција од којих корисник може изабрати било коју опцију. Користи се у разним апликацијама као што су анкете, сајтови за куповину на мрежи, обрасци за регистрацију итд.
Овај чланак демонстрира ознаку опције у ХТМЛ-у заједно са практичним примерима:
- Шта је ознака опције и како је користити у ХТМЛ-у?
- Креирање падајуће листе
- Креирање листе за аутоматско довршавање
Шта је ознака опције и како је користити у ХТМЛ-у?
Ознака опције се може користити са „ <селецт> ' и ' <даталист> ' ознаке. У случају „ <даталист> “, креира листу опција које претраживач може аутоматски допунити. Хајде да прођемо кроз неколико примера за боље разумевање односа између „ <опција> ” ознака са “ <селецт> ' и ' <даталист> ' ознаке:
Пример 1: Креирање падајуће листе
„ <опција> ” ознака се користи са “ <селецт> ” да бисте направили падајућу листу на веб страници. „ <опција> ” креира сваку опцију/ставку листе у падајућој листи. Ради бољег разумевања, пратимо доњи исечак кода:
< х2 > Програмски језици х2 >
< етикета за = 'прог-оружје' > Изаберите оружје за програмирање: етикета >
< изаберите ид = 'прог-листе' >
< опција вредност = '' > Изаберите опцију опција >
< опција вредност = 'ц++' > Ц++ опција >
< опција вредност = '.нет' > Дот Нет опција >
< опција вредност = 'нодејс' > Ноде јс опција >
изаберите >
У горњем исечку кода:
- Прво, „ <ознака> ” ознака се користи за приказ података и додељује јој се „ <селецт> ” ознака користећи свој “ за ” атрибут.
- Након тога, „ <селецт> ” ознака се користи за креирање окружења за падајућу листу.
- Затим, „ <опција> ” ознака се користи за креирање ставки листе које ће бити постављене као ставке падајуће листе.
Након подешавања структуре падајуће листе, сада применимо неке основне стилове:
етикета {дисплеј блок;
маргин-боттом: 5пк;
}
изаберите {
паддинг: 5пк;
бордер-радиус: 5пк;
ширина: 200пк;
}
Објашњење ЦСС својстава је описано у наставку:
- Прво изаберите „ етикета ” елемент, а затим поставите вредности „блок” и „5пк” на ЦСС „ приказ ' и ' маргина-дно ” својства.
- Затим, „ изаберите ” елемент је изабран и даје вредности „5пк”, „5пк” и „200пк” ЦСС-у „ паддинг ”, “ граница-радијус ' и ' ширина ” својства, респективно. Ова својства се користе за побољшање видљивости корисника.
Након извршења горњих исечака кода, веб страница изгледа овако:
Горњи излаз показује да је падајући мени креиран помоћу „ <опција> ” ознака са “ <селецт> ” ознака.
Пример 2: Креирање листе за аутоматско довршавање
„ <опција> ” ознака се користи са “ <даталист> ” да бисте направили листу за аутоматско довршавање. Користи се заједно са „ <инпут> ” која се попуњава опцијама доступним унутар листе за аутоматско довршавање. Код за креирање листе за аутоматско довршавање помоћу ХТМЛ-а приказан је у доњем исечку кода:
< етикета за = 'прог-алати' > Ор тип алат за програмирање: етикета >< улазни тип = 'текст' ид = 'прог-алати' листа = 'алати' >
< даталист ид = 'алати' >
< опција вредност = 'Ц++' >
< опција вредност = 'Скупштина' >
< опција вредност = '.Нет' >
< опција вредност = 'ПХП' >
< опција вредност = 'рубин' >
< опција вредност = 'брзи' >
< опција вредност = „Чвор јс“ >
< опција вредност = 'реаговати' >
< опција вредност = 'Монго' >
< опција вредност = 'Јава' >
< опција вредност = 'пајтон' >
даталист >
У горњем исечку кода:
- Прво додајте „ <ознака> ” која приказује текст заједно са ХТМЛ елементом.
- Затим користите „ <инпут> ” коју корисник попуњава ручно или се може аутоматски попунити опцијама доступним унутар листе за аутоматско довршавање.
- Након тога, користите „ <даталист> “ ознаку и подесите њен “ ид ” вредност атрибута једнака вредности „ листа ' атрибут ' <инпут> ” ознака.
- Затим користите „ <опција> ” унутар ознаке „<даталист>” да бисте креирали ставку за листу аутоматског довршавања.
Након извршења горњег исечка кода, веб страница изгледа овако:
Излаз показује да је листа за аутоматско довршавање креирана коришћењем „ <опција> ” ознака са комбинацијом “ <даталист> ' и ' <инпут> ' ознаке.
Закључак
„ <опција> ” ознака омогућава програмеру да креира опције за листу опција, са које корисник може да изабере било коју опцију. Ова ознака „<оптион>” може да се користи са „ <селецт> ' и ' <даталист> ” ознаке према потребама дизајна веб странице. За креирање падајућег ефекта, ознака „<оптион>” се користи са ознаком „<селецт>”, а за креирање ефекта аутоматског довршавања користите је са „ <даталист> ” заједно са “ <инпут> ” ознака. Овај чланак показује шта је ознака опција у ХТМЛ-у.