Коришћење слике уместо радио дугмад и поља за потврду

Потребно је да користите слике уместо поља за потврду и радио дугмад произилази из чињенице да, преко ЦСС елементи форми тешко стилизовани елементи као поља за потврђивање, радио дугмад и изаберите кутија, не може бити " стан "кроз стил листова, тако да морате прибегавају неке трик да надокнади овај недостатак естетике.

Слике за поља за потврду и радио дугмад

Користећи омиљени програм за графичке, креирате четири слике, две ће представљати не-Енханцед пољу за потврду и радио не цени, док су друге две представљају поља за потврду и радио цени.

У мојој НЕ буде графички ја створио са добрим старим МС Паинт следеће слике (и њихових имена датотека):

	цхецкбок_пиено.јпг
	цхецкбок_вуото.јпг
	радио_пиено.јпг
	радио_вуото.јпг

Нека Саве Оур радну свеску.

ХТМЛ форму

У оквиру радне свеске, креирајте ХТМЛ фајл и цорредиамоло следећи код:

 <форм наме="модуло">







 <п> СЕКС </ б> </ п>







 <инпут типе="хидден" наме="сессо">







 <п>







 <имг срц="радио_вуото.јпг" ид="сессо_У" онцлицк="Сессо('У','Д')" алигн="абсмиддле"> човек







 <имг срц="радио_вуото.јпг" ид="сессо_Д" онцлицк="Сессо('Д','У')" алигн="абсмиддле"> Жена







 </ П>







 <п> ХОБИ </ б> </ п>







 <инпут типе="хидден" наме="хобби">







 <п>







 <имг срц="цхецкбок_вуото.јпг" ид="хобби_Ц" онцлицк="Хобби('Ц')" алигн="абсмиддле"> биоскоп







 <имг срц="цхецкбок_вуото.јпг" ид="хобби_Л" онцлицк="Хобби('Л')" алигн="абсмиддле"> читање







 <имг срц="цхецкбок_вуото.јпг" ид="хобби_С" онцлицк="Хобби('С')" алигн="абсмиддле"> Спорт







 </ П>







 <инпут типе="буттон" валуе=" реду "онцлицк="Цонферма()">







 </ Образац>

Идемо кроз.

Отворен (и затварање) редовно <форм> увозом слике поља за потврду и радио дугмад уместо традиционалних елемената форме, првобитно подешавање слике које представљају празно поље.

За сваку групу пролазимо ИД са префиксом једнаким и представник са префиксом (на пример) почетни опис опције.

Слика ће такође имати онцлицк догађај, али у зависности од тога да ли је то радио дугме или кутија за означавање, додели два или само један параметар у функцији референцу.

У случају поља за потврду, пролазе само вредност опције, али у случају радио дугмад, вредност прве прође и онда вредност која не би требало да.

Укратко, анализирајући ЈаваСцрипт функција, ови разлози су јасни.

На крају, ми ћемо користити скривено поље (тип скривен), где ће за чување вредности или вредности које пролазе кроз наше "имагес / поља."

Појава форма ће бити на следећи начин:

Смо наставили.

• <<
• 1
• 2
• >>