更改“提交”按钮的图像

时间:2011-01-29 10:55:54

标签: php javascript html forms

我想更改我的表单的提交按钮。我设法做到这一点很容易,但代码中断了。当我修复代码。提交按钮更改回其默认图像,它表示提交查询,我没有初始化。从那以后我还没弄清楚如何修复它。这很奇怪。

<?Php
    echo "<div style='text-align:right'>
       <form action='upd2.php' method='POST'>
       <Table border='0' align='right'>
       <tr>
        <td ><font size='-3'>ID Search</font></td>
        <td rowspan =2><input name='image' type='image' id='SUBMIT' src='images/_Images_buttons_search_button.jpg'></td>
       </tr>
       <tr>
        <td><input name='ID_NO' type='text' id='ID_NO'></td>
       </tr>
       </table><br>
       </FORM> </div>";
?>

我把它传递给了这个

<?php
    print "<H2>Update User Info</H2>";

    $ID_NO   = clean($_POST['ID_NO']);
 $_SESSION["ID_NO"] = $ID_NO;
     if (isset($_POST['image'])) {
        $result = mysql_query("SELECT * FROM user_info WHERE ID_NO = '$ID_NO'");
        if(!mysql_num_rows($result)) {
            print "<BR><BR>There is no such User with a User Number of $ID_NO <BR><A HREF ='UpdateUser.php'>Go Back</A>";
     exit();
        }
        else {
            $row_array = mysql_fetch_array($result, MYSQL_ASSOC);
?>

然而,它不起作用(变量无法得到它)。我应该用“SUBMIT”改变“图像”。但如果我这样做,那么图像将是默认的。

所以简而言之

type ='SUBMIT' - &gt;我可以使代码工作,但默认图片。

type ='image' - &gt;我得到了漂亮的图像,但代码不会工作。

1 个答案:

答案 0 :(得分:5)

您只需使用css设置按钮的背景图像。

<input type="submit" style="background-image: url(bgb.png);" />

(最好使用单独的样式表)