使用图像代替单选按钮和复选框

需要使用，而不是复选框和单选按钮图像源于一个事实，即通过CSS，表格元素是难以程式化的元素，就像复选框，单选按钮和选择框，可以不作“平通过样式表“，所以你必须采取一些挂羊头卖狗肉，以弥补这个缺憾美学起来。

影像复选框和单选按钮

使用您喜欢的图形程序，创建四个图像，两人将代表该复选框是不重视和不重视广播，而其他两个代表复选框和单选重视。

我不是一个好老的图形我与小画家（和它们的文件名）以下的图像创建：

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

HTML表单

在工作​​簿中，创建一个HTML文件，并corrediamolo下面的代码：

 <form name="modulo">







 <P>性别</ B> </ P>







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







 <P>







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







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







 </ P>







 HOBBY <P> </ B> </ P>







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







 <P>







 <img src="checkbox_vuoto.jpg" id="hobby_C" onclick="Hobby('C')" 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>

打开（和关闭）定期<FORM>，复选框和进口的形式，而不是传统元素单选按钮图像，设置字段为空表示初始图像。

对于每个组我们通过平等和前缀的前缀（例如）选项的初始描述代表一个ID。

图像也会有onclick事件，但取决于它是否是一个单选按钮或复选框，指定一个或两个参数函数的引用。

在复选框的情况下，只有通过对选项的值，但在单选按钮，第一个传递值，然后该值不应该采取如此。

总之，通过分析JavaScript函数，这些都是明确的理由。

最后，我们使用一个隐藏的字段（隐藏式）去存储或多个值，通过我们通过“图像/领域。”

表单的外观如下：

• <<
• 1
• 2
• >>