在html razor代码中自动对焦于文本框

Question

我希望在加载页面时将光标聚焦在文本框上。我尝试添加autofocus =“”，但我找不到任何区别。

任何帮助将不胜感激！

@Html.TextBoxFor(
    m => m.UserName, 
    "@xyz.com", 
    new { @class = "form-control input-lg", @id = "username"})

Answer 1

如果您对jquery没问题，可以尝试使用

<script type="text/javascript">
    $(function () {
        $("#username").focus();
    });
</script>

Answer 2

你可以使用这样的普通javascript：

<script type="text/javascript">
    document.getElementById("username").focus();
</script>

Answer 3

autofocus属性并未在所有浏览器中实现。它是一个很好的浏览器子集，大多数新浏览器都有它，但不是全部。您可能正在使用不支持autofocus属性的浏览器。 Dive into HTML 5 has a good listing of the browser support.

Answer 4

<script type="text/javascript">
    $(document).ready(function(){
       $("#username").focus();
       });       
    }); </script>