做登录界面时,想要实现按回车自动提交,必须要在form标签中加个submit提交按钮,但是很多时候登录按钮都是使用自己的图片。

注:a. 隐藏submit按钮或设置其z-index的方式无效;

  b. 必选要加个 "<!-- -->" 注释块,不加也实现不了,让我很纠结;

下面是我自己实现这种效果的代码。思路是将submit按钮宽高设为0,然后利用position隐藏到img的后面。(当时用的是IE8)

<form>
<input type="submit" style="position:relative;right:-30px;width:0;height:0;" />
<!-- 不加这个注释块,按回车就不会激发form提交事件,累死我了! -->
<img src="/img/login/login.png" onclick="$(this).closest('form').submit();" style="position:relative;" />
</form>


后来发现跟jquery-ui的dialog好像有点关系,有什么bug吧,不知道具体什么原因了。

相关文章:

  • 2022-01-17
  • 2021-11-26
  • 2022-12-23
  • 2021-07-30
  • 2022-02-11
  • 2021-12-07
  • 2022-12-23
  • 2022-02-07
猜你喜欢
  • 2022-12-23
  • 2021-09-26
  • 2022-12-23
  • 2022-03-09
  • 2021-09-05
  • 2022-02-08
  • 2022-03-08
相关资源
相似解决方案