现在的位置: 首页 > 综合 > 正文

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

2013年10月21日 ⁄ 综合 ⁄ 共 848字 ⁄ 字号 评论关闭

方法一:

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执行的。

抱歉!评论已关闭.