2015-06-21 80 views
0

我的形式:如何使用按钮代替输入,样式输入?

<form method="POST" action="AController"> 
    <div class="userInput"> 
     <table class="userInput"> 
      <tr> 
       <td><input type="text" id="username" name="login"></td> 
      </tr> 

      <tr> 
       <td><input type="submit" id="submitRegInput" name="reg" 
        value="Submit"></td> 
      </tr> 
     </table> 
    </div> 
</form> 

我想要的风格

<input type="submit" id="submitRegInput" name="reg" value="Submit"> 

这样的:

#submitRegInput { 
background: no-repeat url(../images/okBtn.png) 0 0; 
} 

,但它不工作。 我AController:

if (req.getParameter("reg") != null) { 
//doSmthingHere 
} 

如何改变输入按钮:

<button type="submit" id="submitRegInput"> 
    <img src="images/okBtn.png" height="40" width="40" /> 
</button> 

所以它做同样的工作输入提交按钮做?或者什么样的方式风格输入类型=提交按钮与图像?

+0

URL路径必须引号之间 –

+0

不一定... –

+0

http://stackoverflow.com/questions/ 2738920 /输入背景图像类型的按钮这将回答你的问题 –

回答

0

JSP表单按钮,而不是输入:

<button type="submit" id="submitRegInput" name="reg"> 
      <img src="images/okBtn.png"/> 
</button> 

和css:

#submitRegInput { 
background: no-repeat url(../images/okBtn.png) 0 0; 
border: none; 
}