Görüntülerin yerine radyo düğmesi ve Onay Kutusu kullanımı

Yerine onay kutularını ve radyo düğmelerini görüntülerini kullanmak gerekiyor "CSS ile, form öğeleri zor stilize elemanları onay kutuları, radyo düğmeleri ve seçim kutusu, yapılamaz gibi olup, gerçeğinden kaynaklanır Düz 'stil sayfaları aracılığıyla, bu yüzden bu eksikliği estetik telafi etmek için biraz hileyle başvurmak gerekir.

Onay kutularını ve radyo düğmeleri için Görüntüler

En sevdiğiniz grafik programı kullanarak, iki diğer iki değerli onay kutularını ve radyo temsil ederken onay kutusunu, değerli değil ve radyo değerli değil temsil edecek dört görüntü oluşturun.

Benim ben eski güzel MS Paint aşağıdaki görüntü (ve dosya adları) ile oluşturulmuş bir grafik olmamalıdır olarak:

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

Bizim çalışma kitabında kaydedin.

HTML formu

Kitabı içinde, bir HTML dosyası ve corrediamolo aşağıdaki kodu oluşturun:

 <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"> Kadın







 </ P>







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







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







 <p>







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







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







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







 </ P>







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







 </ Formu>

Kullanıcı gözden geçirelim.

Alan boş temsil eden ilk görüntü ayarı yerine form geleneksel öğelerin onay kutularını ve radyo düğmeleri görüntüleri ithal düzenli <form> açık (ve yakın).

Her grup için biz eşit ve önek (örneğin) seçeneğinin ilk açıklama temsili bir önek ile bir kimlik geçmek.

Görüntü de onclick olay var, ama bir radyo düğmesi veya onay kutusu bulunuyor bağlı olarak iki veya bir parametre fonksiyon referans atar.

Onay kutularını durumunda, seçenek sadece değerini geçmek, ancak radyo düğmeleri, ilk geçiş değerini ve daha sonra almak değil gereken değeri durumunda.

Kısacası, JavaScript işlevleri analiz ederek, bu açık nedenleri vardır.

Son olarak, bizim geçen değer veya değerleri saklamak gitmek için gizli bir alan (gizli tip) kullanın "görüntü / alanlar."

Aşağıdaki gibi form görünümü olacak:

Devam edin.

• <<
• 1
• 2
• >>