如何使用图像重置表单

时间:2012-10-23 02:55:13

标签: html forms button login

如何使用图像重置表单?

我在Google上发现了这个

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

,它显示为

the image

在这里,我想像登录按钮一样制作重置按钮。

这是我的登录按钮的代码

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

1 个答案:

答案 0 :(得分:0)

如果是这种情况,则必须编写如下代码:

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