Question

thinkphp模板中图片按钮怎么设置重置功能 加入onclick="this.form.reset();"不行

Answer 1

这个无关thinkPHP的事，是你自己没明白input标签中type属性所有值的意思。

• 值 => 描述：

• button => 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。    

• checkbox=>定义复选框。    

• file  =>  定义输入字段和 "浏览"按钮，供文件上传。    

• hidden  =>  定义隐藏的输入字段。    

• image =>   定义图像形式的提交按钮。    

• password  =>  定义密码字段。该字段中的字符被掩码。    

• radio =>   定义单选按钮。    

• reset   => 定义重置按钮。重置按钮会清除表单中的所有数据。    

• submit  =>  定义提交按钮。提交按钮会把表单数据发送到服务器。    

• text =>   定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。    

 

看到没有，其中 的image是定义图像形式的提交按钮，即它与submit有相同的作用，只是它是以图像的形式呈现罢了。

那么怎么解决？非要把image换了才行么？不必，只需要你让“提交”动作失效即可。

怎么让它失效？在onclick的最后，加上一句return false;即可，即：

<input type="image" src="__PUBLIC__/Images/reset.png" onclick="this.form.reset(); return false;" />

追问

文本框跟验证码怎么对齐，我查了很久都对不齐，我是用表格的方式的

追答

这是css样式问题了，不知道你那是怎么弄的。
你可以在文本框和验证图片加上div，然后对齐处理；
也可以设置表格的文本行高line-height。
具体怎么做，你自己看着办吧。