图片实现 提交/重置 按钮

图片实现 提交/重置 按钮

提交：

第一种方式（无图片的）： <input  type="submit" value="提交" />

第二种方式（有图片的）： <input type="image" src="image/login.jpg" />

第三种方式（有图片的），通过链接的方式： 

    <form name="form1" action="login">
        <input type="text" name="usename"/><br/>
        <input type="password" name="password" /><br/><br/>      

       

        <!-- 提交 -->

        <a href= "javascript:document.form1.submit(); " >  
           <img src= "image/login.jpg " border="0">
        </a>
        
    </form>

重置：

第一种方式（无图片的）： <input  type="reset" value="重置" />

第二种方式（有图片的）：

    <form name="form1" action="login">
        <input type="text" name="usename"/><br/>
        <input type="password" name="password" /><br/><br/>
       

        <input type="image" src="image/login.jpg" />  <!-- 提交 -->
       

        <!-- 重置 -->

        <a href= "javascript:document.form1.reset(); " >  
           <img src= "image/reset.jpg " border="0">
        </a>
        
    </form>

转载于:https://www.cnblogs.com/springside5/archive/2012/04/28/2486038.html