Autofocus on the textbox in html razor code

Question

I want the cursor to be focused on the textbox when I load the page. I tried by adding autofocus="" but I couldn't find any difference in that.

Any help would be greatly appreciated!

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

Answer 1

If you are ok with jquery, you can try using

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