Korištenje slika, umjesto radijskih gumba i potvrdnih okvira

Trebate koristiti slike umjesto okvira za izbor i radio gumbe proizlazi iz činjenice da, preko CSS, elementi u obliku teško stilizirani elementi kao kućice, gumbe i odaberite okvir, ne može biti " stan "kroz stil listova, tako da morate posegnuti za nekim trik da bi se za taj nedostatak estetiku.

Slike za okvire i gumbe za odabir

Koristeći svoje omiljene grafičkog programa, stvaraju četiri slike, dva će predstavljati ne-poboljšane kućicu i radio ne vrijednosti, dok su druge dvije predstavljaju okvire i radio vrijednosti.

U mom ne biti grafički sam stvorio sa dobrom starom MS Paint sljedeće slike (i njihovih imena datoteka):

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

Neka spasiti našu radnu knjigu.

HTML obrazac

Unutar radne knjige, stvoriti HTML datoteku i corrediamolo sljedeći 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"> Man







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







 </ P>







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







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







 <p>







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







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







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







 </ P>







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







 </ Form>

Idemo putem.

Otvoriti (i zatvori) redovito <form> uvozom slike okvire i gumbe umjesto tradicionalnih elemenata u obliku, u početku postavljanje slike koje predstavljaju prazno polje.

Za svaku grupu prolazimo ID s prefiksom jednake i predstavnika s prefiksom (na primjer) početni opis opcija.

Slika će također imati onclick event, ali ovisno o tome je li to radio gumb ili kućicu, dodijeliti dva ili samo jedan parametar funkcije referencu.

U slučaju potvrdnih okvira, proći samo vrijednost opcije, ali u slučaju gumbe, vrijednost prvog prolaza, a zatim vrijednosti koje ne bi trebali uzeti.

Ukratko, analize JavaScript funkcija, ti razlozi su jasni.

Konačno, mi ćemo koristiti skrivenog polja (tip skriven), gdje će se pohraniti vrijednost ili vrijednosti koje prolaze kroz naše "slike / polja."

Izgled obrasca će biti kako slijedi:

Mi smo nastaviti.

• <<
• 1
• 2
• >>