实现漂亮按钮提交,响应Enter键

来源:互联网 发布:天气软件手机版 编辑:程序博客网 时间:2024/05/21 06:13

方法一:

js控制

<form id="frmSubmit" ...>.....<a href="#" onclick="frmSubmit.submit()">提交内容</a></form>图片按钮<input type="image" src="button.png" />


方法二:

<input type="submit" name="submit" value="提交" style="background:url('images/button.gif');width:100px;height:25px;" border="0" />



让onclick响应Enter键
最近在做个小程序,一个表单由onclick控制提交到JS,再由JS提交到真正的PHP执行。结果发现,在输入框键入后直接敲"enter"键,按钮不响应,只有用鼠标点击才有效果。为了让onclick响应Enter键,在网上找了半天的代码,都没有实现这个功能,研究很久终于成功,下面把实现方法放出来:
引用
    <form id="form" name="form" method="post" action="javascript:void(0)" onkeydown="if(event.keyCode==13)getipdata('query1','query2')">
      <td width="39%" height="33"><input name="g_url" type="text" class="socss" id="ip_url" size="40" />  
    </td>
      <td width="34%"><input name="submit" type="submit" value="提交查询内容" onclick="getipdata('query1','query2')"/></td>
    </form>

注意看红色的地方,"event.keyCode==13"是enter的代码,"getipdata('query1','query2')"是要提交到JS执行的。