การใช้ภาพแทนปุ่มวิทยุและกล่องกาเครื่องหมาย

จำเป็นต้องใช้ภาพแทนในช่องทำเครื่องหมายและปุ่มวิทยุที่เกิดจากความจริงที่ว่าผ่านทาง CSS, องค์ประกอบของแบบฟอร์มเป็นองค์ประกอบสุกใสยากเช่นเดียวกับช่องทำเครื่องหมาย, ปุ่มวิทยุและกล่องเลือกจะไม่สามารถทำ" แบน'ผ่านแผ่นสไตล์ดังนั้นคุณต้องรีสอร์ทเพื่อใช้กลอุบายบางอย่างเพื่อนี้ทำขึ้นสำหรับการขาดความสวยงาม

ภาพสำหรับช่องทำเครื่องหมายและปุ่ม

การใช้โปรแกรมกราฟิกของคุณที่ชื่นชอบการสร้างสี่ภาพที่สองจะแสดงช่องทำเครื่องหมายที่ไม่ได้เป็นมูลค่าและไม่ได้มีมูลค่าวิทยุขณะที่อีกสองเป็นตัวแทนของช่องทำเครื่องหมายและวิทยุมีมูลค่า

ในการไม่ฉันจะฉันกราฟิกที่สร้างขึ้นด้วยดี MS Paint เก่าภาพต่อไปนี้ (และชื่อไฟล์ของพวกเขา) :

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

บันทึกไว้ในสมุดงานของเรา

รูปแบบ HTML

ภายในสมุดงานท​​ี่สร้างไฟล์ HTML และ corrediamolo รหัสต่อไปนี้

 name="modulo"> <form







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







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







 <p>







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







 <img src="radio_vuoto.jpg" id="sesso_D" onclick="Sesso('D','U')" ผู้หญิง align="absmiddle">







 </ P>







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







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







 <p>







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







 <img src="checkbox_vuoto.jpg" id="hobby_L" onclick="Hobby('L')" อ่าน align="absmiddle">







 <img src="checkbox_vuoto.jpg" id="hobby_S" onclick="Hobby('S')" กีฬา align="absmiddle">







 </ P>







 <input type="button" value=" ตกลง "onclick="Conferma()">







 </ form>

Let's ผ่าน

เปิด (และปิด) ประจำ <form>, นำเข้าภาพจากช่องทำเครื่องหมายและปุ่มแทนขององค์ประกอบดั้งเดิมของรูปแบบการตั้งค่าภาพเริ่มต้นที่เป็นตัวแทนของเขตข้อมูลที่ว่างเปล่า

สำหรับแต่ละกลุ่มเราผ่านประจำตัวประชาชนที่มีคำนำหน้าเท่ากันและเป็นตัวแทนที่มีคำนำหน้า (ตัวอย่าง) คำอธิบายเริ่มต้นของตัวเลือกที่

ภาพที่ยังจะมีเหตุการณ์ OnClick แต่ขึ้นอยู่กับว่าจะเป็นปุ่มหรือช่องทำเครื่องหมายกำหนดสองหรือหนึ่งในการอ้างอิงฟังก์ชันพารามิเตอร์

ในกรณีของช่องทำเครื่องหมายผ่านเพียงค่าของตัวเลือก แต่ในกรณีของปุ่มค่าของแรกผ่านแล้วค่าที่ไม่ควรใช้เวลาที่

ในระยะสั้นโดยการวิเคราะห์ฟังก์ชัน JavaScript เหล่านี้จะมีเหตุผลที่ชัดเจน

ในที่สุดเราจะใช้เขตข้อมูลที่ซ่อน (ชนิดที่ซ่อนอยู่) เพื่อไปเก็บค่าหรือค่าที่ผ่านของเรา"ภาพ / เขต."

ลักษณะของฟอร์มจะเป็นดังนี้

ดำเนิน

• <<
• 1
• 2
• >>