做登录界面时,想要实现按回车自动提交,必须要在form标签中加个submit提交按钮,但是很多时候登录按钮都是使用自己的图片。
注:a. 隐藏submit按钮或设置其z-index的方式无效;
b. 必选要加个 "<!-- -->" 注释块,不加也实现不了,让我很纠结;
下面是我自己实现这种效果的代码。思路是将submit按钮宽高设为0,然后利用position隐藏到img的后面。(当时用的是IE8)
<form>
<input type="submit" style="position:relative;right:-30px;0;height:0;" />
<!-- 不加这个注释块,按回车就不会激发form提交事件,累死我了! -->
<img src="/img/login/login.png" onclick="$(this).closest('form').submit();" style="position:relative;" />
</form>
后来发现跟jquery-ui的dialog好像有点关系,有什么bug吧,不知道具体什么原因了。