L'ús d'imatges en lloc de botons d'opció i caselles de verificació

La necessitat d'utilitzar imatges en lloc de caselles de verificació i botons de ràdio es deu al fet que, a través de CSS, els elements de la forma són difícils d'elements estilitzats així com caselles de verificació, botons de ràdio i caixa de selecció, no es pot fer " plana "a través dels fulls d'estil, per la qual cosa ha de recórrer a algun truc per compensar aquesta falta estètica.

Imatges de caselles de verificació i botons de ràdio

Utilitzant el seu programa de gràfics favorit, creem quatre imatges, dues representaran a la casella de verificació no major de ràdio i no es valora, mentre que els altres dos representen les caselles de verificació i la ràdio valorada.

En la meva no em crea un gràfic amb la pintura vell MS les següents imatges (i els seus noms d'arxiu):

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

Anem a salvar el nostre llibre.

Formulari HTML

En el llibre, creeu un fitxer HTML i corrediamolo el següent codi:

 <form name="modulo">







 SEXE <p> </ b> </ p>







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







 <p>







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







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







 </ P>







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







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







 <p>







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







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







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







 </ P>







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







 </ Form>

Anem a passar.

Obrir (i tancar) amb regularitat <form> per la importació d'imatges de caselles de verificació i botons de ràdio en lloc dels elements tradicionals de la forma, la configuració inicial de les imatges que representen el camp buit.

Per a cada grup es passa un ID amb un prefix igual i representatiu amb el prefix (per exemple) la descripció inicial de l'opció.

La imatge també s'han esdeveniment onclick, però depenent de si es tracta d'un botó o una casella de verificació assignar dos o només un paràmetre de referència a la funció.

En el cas de les caselles, passar només el valor de l'opció, però en el cas dels botons de ràdio, el valor de la primera passada i després el valor que no ha de prendre.

En resum, l'anàlisi de les funcions de JavaScript, aquestes raons són clares.

Finalment, utilitzarem un camp ocult (tipus ocult), on va a emmagatzemar el valor o valors que passen a través del nostre "images / camps."

L'aparició de la forma serà la següent:

Es procedeix.

• <<
• 1
• 2
• >>