表单特效

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > 表单特效 > 聚焦于第一个字段

JavaScript聚焦于第一个字段的代码

作者:

在web页面中,经常有信息录入页面,比如登录页面或者注册页面,在页面打开时,将光标的焦点自动定位在第一个输入字段中,这将会有更好的用户体验。
这个主要会用在表单字段中,所以我这里做的实验只针对表单字段。在form的子元素中循环查找第一个不是隐藏字段的字段,然后使用focus方法获得焦点。(呵呵^_^,很简单!)
复制代码 代码如下:

FormUtil.focusOnFirst = function() {
if (document.forms.length > 0) {
for (var i = 0; i < document.forms[0].elements.length; i++) {
var oField = document.forms[0].elements[i];
if (oField.type != "hidden") {
oField.focus();
return;
}
}
}
}
阅读全文