美化表单提交按钮的方法

     这几天在做一个表单提交,默认的提交按钮代码样式 

Code
<form id="form1" name="form1" action="表单提交的URL" method="get">
<input type="submit" name="submit" value="提交">
</form>

现在我们可以把这个提交按钮替换成

<form id="form1" name="form1" action="" method="get">
<img src="../login.gif" onclick="document.form1.submit()" name="submit" >
</form>

或者是

<form id="form1" name="form1" action="" method="get">
<input type="image" src="../login.gif" name="submit" />
</form>

 

我们把input标签直接换了普通的img，而加上了document.form1.submit()这个方法,利用这个方法我们可以把一些标签用css进行美化表单按钮

   

转载于:https://www.cnblogs.com/JAMJIA/archive/2009/11/16/1603834.html