How to Focus element using pure HTML ? How to set CSS for on Focus?

To set focus on page load using pure html you can use the autofocus keyword. Here is an example on JsFiddle. And to set the css for on focus use the :focus selector in your css. Below is the sample code I have used.

    <input type="text" id="FirstName" placeholder="First Name" autofocus>
    <input type="text" id="LastName" placeholder="Last Name">
    <input type="text" id="EmailAddress" placeholder="Email Address">

@import url(;
form input {font-family: Roboto;}
form input:focus {border: 1px solid #044068;}

Hope this helps.