Question

我有一个登录表单，用户名，密码，提交，重置按钮。每当我启动我的应用程序时，我希望光标shold默认指向username.Can任何人告诉我如何做到这一点。我们正在使用jquery这样做。我是jquery的新手。

<div class="form-row">
                <div class="label" style="width: 130px;">Username:</div>
                <div class="input-field">
                    <input type='text' name='j_username' id='j_username' autocomplete="off" class="input-field-style"/>
                </div>
            </div>

这是我用于用户名的代码。

Answer 1

在同一页面上的脚本中：

$(function() {
    $('#j_username').focus();
});

LG，

FLO

Answer 2

试试这个

<input type="text" 'text' name='j_username' id='j_username' autocomplete="off" class="input-field-style" autofocus="autofocus"/>

获取帮助链接：http：//www.w3schools.com/html5/att_input_autofocus.asp

Answer 3

你可以通过一点js来做到这一点

<body onload="focus()">

和

<script type="text/javascript">
function focus() {
     document.getElementById("#j_username").focus();
}
</script>

Answer 4

试试此代码

$(function(){
    $('#j_username').trigger('focus');
})

Answer 5

您不必为此使用JS。 HTML5元素现在具有autofocus属性：

<input type="text" name="j_username" autofocus="autofocus" />

Answer 6

作为迄今为止收到的答案的替代方案，“自动对焦”属性存在且可以使用，但不幸的是，这在IE中无效：

<input type='text' name='j_username' id='j_username' autofocus autocomplete="off" class="input-field-style"/>

自动聚焦到登录页面

6 个答案: