html - 如何用图像重置表单

Question

如何用图像重置表单？

我在谷歌上找到了这个

<button type="reset"><img src="<?php echo base_url(); ?>img/hapus.png"</button>

它显示像

在这里，我想让重置按钮像登录按钮一样。

这是我的登录按钮的代码

<input type="image" src="<?php echo base_url();?>img/login.png">

这是我带有代码点火器的完整代码

<table>
            <?php echo form_open('c_menu/index'); ?>
            <tr>
                <td>Username</td>
                <td><?php $inusername=array('name' => 'username', 'class' => 'GUI'); echo form_input($inusername); ?></td>
                <td><?php echo form_error(); ?></td>
            </tr>

            <tr>
                <td>Password</td>
                <td><?php $inpassword=array('name' => 'password', 'class' => 'GUI', 'type' =>'password'); echo form_input($inpassword); ?></td>
                <td><?php echo form_error(); ?></td>
            </tr>

            <tr>
                <td>Jabatan</td>
                <td><?php $injabatan=array('keuangan' => 'keuangan', 'hd' => 'head divisi', 'direktur' => 'direktur'); echo form_dropdown('jabatan',$injabatan,'keuangan','class = "gui"'); ?></td>
                <td><?php echo form_error(); ?></td>
            </tr>

            <tr>
                <td></td>
                <td><input type="image" src="<?php echo base_url();?>img/login.png"><input type="image" src="<?php echo base_url(); ?>img/hapus.png" onclick="document.urfrom.reset()"/> </td>
                <td><?php echo form_error(); ?></td>
            </tr>
           <?php echo form_close(); ?>
        </table>

Answer 1

如果是这种情况，您将不得不编写如下代码：

<input type="img" src="login.jpg" onclick="yourfunction()"/>

and 

for reset

<input type="img" src="hapus.jpg" onclick="document.urfrom.reset()"/> 

您还需要创建 2 个图像 logjn.jpg 和 hapus.jpg。