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

方法一:

js控制

<form id="frmSubmit" ...>
.....
<a href="#" οnclick="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)" οnkeydοwn="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="提交查询内容" οnclick="getipdata('query1','query2')"/></td>
    </form>

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值