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