Question

关于表单按钮<button type="submit" 的问题

怎么样把 <button type="submit" id="loginsubmit" name="loginsubmit" value="true"style="background-image:url(templates/baida/baida/pic88.gif)">登陆</button> 这个代码用这种替代? input type="hidden" name="loginsubmit" value="true" /> <input type="image" src="templates/baida/baida/pic88.gif" align="bottom" value="登陆" name="loginsubmit" /> 这个是我乱写的,,不能工作.. 单独用这个. <input type="image" src="templates/baida/baida/pic88.gif" align="bottom" value="登陆" name="loginsubmit" /> 加在 <button type="submit这行代码下面.生成一个按钮和一个图片按钮.两个都能正常工作. 突起来的按钮丑死了.我要用图片.

Answer 1

示范: <input type="image" name="ID" src="图片的路径" width="94" height="21" border="0"> 表单控件(Form Control)：图片提交(input type="image") input type=image 相当于 input type=submit，不同的是，input type=image 以一个图片作为表单的提交按钮，其中 src 属性表示图片的路径,图片的路径可以用相对路径或绝对路径都可以,width=定义图片宽度,height=定义图片高度。 ------------------------------------------------- 另外: 方法一：用image类型的input控件。 <form name="demo" method="get" action="login.asp"> <input name="username" type="text"> <input name="password" type="password"> <input type="image" src="your_submit_button.gif" name="img"> </form> 方法二：在图片上加上脚本控制的。 <form name="demo" method="get" action="login.asp"> <input name="username" type="text"> <input name="password" type="password"> </form> <img src="your_submit_button.gif" onclick="demo.submit()"> 注意：type=image类型的图片按钮，在单击后是提交表单的。 技巧：可以把例中的your_submit_button.gif换成你自己的图片路径。 提示：用第二种方法时如果想在鼠标移上图片时变成手形，可以加上CSS设置cursor属性为hand。 特别提示 代码运行后，单击图片，表单将被提交。方法一的表单在提交后注意看一下地址栏，可以看到，单击图片控件时的X和Y坐标(相对于图片控件)也被提交了，并且前面加上图片控件名作前缀。 特别说明 本例问题的解决主要是利用type=image类型的按钮的特性和表单的submit方法。 INPUT(type=image) 创建一个图像控件，控件被单击后将立即提交表单。控件支持的图片和视频格式有.avi、.bmp、.emf、.gif、.jpg、.mov、.mpg、.png、.wmf和.xbm。 submit() 提交指定表单。