Izmantot attēlus, nevis radio pogas un Checkbox

Nepieciešams, lai izmantotu attēlus, nevis izvēles rūtiņas un radio pogas, izriet no fakta, ka, izmantojot CSS, formu elementi ir grūti stilizēti elementi, tāpat kā izvēles rūtiņas, radio pogas un atlasiet lodziņu, nevar būt " dzīvoklis ", izmantojot stilu lapas, tāpēc jums ir izmantot dažas viltības, lai aizvietotu šo trūkumu estētiku.

Attēli uz izvēles rūtiņas un radio pogas,

Izmantojot savu iecienītāko grafikas programmu, izveidot četru attēlus, divi pārstāvēs izvēles rūtiņa nav novērtēts un nav novērtēts radio, bet pārējie divi pārstāv izvēles rūtiņas un radio novērtēts.

Manā NEDRĪKST grafiskā es radīts ar vecas labas MS Paint šādus attēlus (un to failu nosaukumi):

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

Saglabājiet to mūsu darbgrāmatā.

HTML formas

Vietu darbgrāmatā, izveidot HTML failu un corrediamolo šādu kodu:

 <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"> Woman







 </ 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"> Reading







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







 </ P>







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







 </ Form>

Iesim cauri.

Open (un aizvērt) regulāri <form>, importu attēlus izvēles rūtiņas un radio pogas, nevis tradicionālie elementi no formas, nosakot sākotnējo attēlu, kas pārstāv lauku tukšu.

Katrai grupai mēs caurlaide ID ar priedēkli vienlīdzīgu un pārstāvis ar prefiksu (piemēram) sākotnējā aprakstā iespēju.

Attēls būs arī onclick notikumu, taču atkarībā no tā, vai tas ir radio pogu vai izvēles rūtiņu, piešķirt divas vai vienu parametru, funkciju references.

Attiecībā uz izvēles rūtiņas, iet tikai vērtību variants, bet gadījumā, radio pogas, tad pirmā loka vērtību un pēc tam vērtību, nedrīkst lietot.

Īsāk sakot, analizējot JavaScript funkcijas, tie ir skaidri iemesli.

Visbeidzot, mēs izmantojam slēpto laukā (slēptā tipa), lai dotos uz veikalu vērtību vai vērtības, kas iet caur mūsu "images / jomās."

Formas izskats ir šāds:

Turpināt.

• <<
• 1
• 2
• >>