如何使用按钮代替输入,样式输入?

时间:2015-06-21 17:36:24

标签: css forms jsp servlets post

我的表格:

<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>

所以它与输入提交按钮的作用相同吗?或者样式输入类型=提交按钮与图像的方式是什么?

1 个答案:

答案 0 :(得分: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;
}