Live Demo: jQuery :focus Selector Select Form Element When Focus

​x
 
<!doctype html>
<html lang="en">
<head>
<title>jQuery :focus Selector Select Form Element When Focus</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){ 
    $("input").focus(); 
    $( ".mydformfocus :focus" ).css("background", "yellow");
});
</script>
</head>
<body>
<h2>jQuery :focus Selector Select Form Element When Focus</h2>  
<form action="#" class="mydformfocus">
    <label>Name</label>
    <input type="text" name="name" placeholder="Enter your name..."><br><br>
    <label>Email</label>
    <input type="email" name="email" placeholder="Enter your email..."><br><br>
    <button type="button" name="submit">Submit</button>
</form>
</body>
</html>              
​