Naudokite vaizdų, o ne radijo mygtuką ir žymės langelis

Reikia naudoti vaizdus, ​​o ne langelius ir mygtukus kyla iš to, kad per CSS, formos elementai yra sunku stilizuoti elementai kaip langelius, mygtukai ir pasirinkite langelį, negali būti " butas "per stilių, todėl jūs turite imtis kai gudrybė norint kompensuoti šį trūkumą, estetika.

Vaizdai žymės langelius ir mygtukus

Naudojant savo mėgstamus grafikos programa, sukurti keturis vaizdus, ​​du atstovaus langelį nėra vertinami, o ne vertinami radijo, o kiti du atstovauja varneles ir radijo vertinami.

Mano negali būti grafikos Aš sukūriau su senas geras MS Paint šių vaizdų (ir jų failų vardai):

	checkbox_pieno.jpg
	checkbox_vuoto.jpg
	radio_pieno.jpg
	radio_vuoto.jpg

Išsaugokite jį savo darbaknygę.

HTML formą

Per darbaknygę, sukurti HTML failą ir corrediamolo šį kodą:

 <form name="modulo">







 <p> SEX </ b> </ p>







 <input Type="hidden" name="sesso">







 <p>







 <img src="radio_vuoto.jpg" id="sesso_U" onclick="Sesso('U','D')" align="absmiddle"> Vyras







 <img src="radio_vuoto.jpg" id="sesso_D" onclick="Sesso('D','U')" align="absmiddle"> Moteris







 </ P>







 HOBBY <p> </ b> </ p>







 <input Type="hidden" name="hobby">







 <p>







 <img src="checkbox_vuoto.jpg" id="hobby_C" onclick="Hobby('C')" align="absmiddle"> Kinas







 <img src="checkbox_vuoto.jpg" id="hobby_L" onclick="Hobby('L')" align="absmiddle"> Skaitymas







 <img src="checkbox_vuoto.jpg" id="hobby_S" onclick="Hobby('S')" align="absmiddle"> Sportas







 </ P>







 <input type="button" value=" Gerai "onclick="Conferma()">







 </ Form>

Eikime per.

Atidaryti (ir uždaryti) reguliariai <form>, importuoti vaizdus žymės langelius ir mygtukus vietoj tradicinių elementų formą, nustatant pradinę atvaizdus lauką tuščią.

Kiekvienai grupei mes pereiname ID su priešdėliu lygūs ir atstovas su priešdėliu (pvz.) pirminio aprašymo variantą.

Vaizdas taip pat turi onclick įvykis, tačiau, priklausomai nuo to, ar jis mygtuką arba langelį, priskirti dviem ar vieno parametro funkcija nuoroda.

Jei varneles atveju, perduoti tik pasirinkimo sandorio vertė, tačiau radijo mygtukus, kad pirmojo prasiskverbimo per vertę ir tada vertės, kurios neturėtų būti atveju.

Trumpai tariant, analizuojant "JavaScript" funkcijų, tai yra aiškios priežastys.

Galiausiai, mes naudojame paslėptas laukas (paslėptas tipo) eiti laikyti vertę arba vertes, kad pro mūsų "images / srityse."

Formos išvaizda bus taip:

Proceed.

• <<
• 1
• 2
• >>