按钮图像作为表单输入提交按钮?

nec*_*tar 59 html forms

<form method="post" action="confirm_login_credentials.php">
    <table>
        <tr>
            <td>User ID:</td>
            <td><input type="text" id="uid"></td>
        </tr>
        <tr>
            <td>Password:</td>
            <td><input type="text" id="pass"></td>
        </tr>
        <tr>
            <td colspan="2" align="right">
                <a href="#"><img src="images/login.jpg"></a>
            </td>
        </tr>
    </table>
</form>
Run Code Online (Sandbox Code Playgroud)

我使用图像代替提交按钮.当用户点击登录图像作为提交按钮时,如何提交登录详细信息?

Dar*_*rov 122

您可以使用图像提交按钮:

<input type="image" src="images/login.jpg" alt="Submit Form" />
Run Code Online (Sandbox Code Playgroud)

  • 这对于简单的表单提交非常有用,但是如果您需要图像来携带一个值(以确定单击了哪个图像/按钮),那么您将在FireFox中运气不好 - 您将不得不使用带背景的按钮: - ( (9认同)

Jah*_*mic 37

谈话的后期......

但是,为什么不使用CSS?这样您就可以将按钮保留为提交类型:

<input type="submit" value="go" />
Run Code Online (Sandbox Code Playgroud)

奇迹般有效.