c# .net Adsense ADO.NET Linq Viruses/security asp.net MVC JQuery Angular-js Node-js SEO Java C++ SQL API Networking vb.net .Net Css JavaScript Generics c#.Net entity framework HTML Website host Website Construction Guide HTTP tutorial W3C tutorial Web Services JSON Psychology Ionic framework Angular ReactJS Python Computer Android
JQuery

JQuery focus on first input field

| | Html , JQuery

Normally, User starts to fill a form,always to select the first  input field on the page.Here,the following little trick will work for any situation automatically on page load. I will explain you, how to focus the first input field in jQuery.

HTML CODE: Copy and paste the following html Code.

<script src="//code.jquery.com/jquery-1.10.2.js"></script>  

<script type="text/javascript">

    $(document).ready(function () {

        $("input[type=text]:first").focus();

    });

</script>

    <div class="bs-example">

        <form>

            <h1>JQuery focus </h1>

            <div class="form-group">

                <label for="inputEmail">First Name</label>

                <input type="text" class="form-control" id="inputFirstName" placeholder="First Name">

            </div>

            <div class="form-group">

                <label for="inputPassword">Last Name</label>

                <input type="text" class="form-control" id="inputLastName" placeholder="Last Name">

            </div>

        </form>

    </div>

 

Note: User do not forget to register the jQuery plugin on the head section of the page.