<form id= "loginfrm" role= "form" method= "POST" novalidate= "Novalidate" > <input type= "text" class= "form- Control "name=" username "id=" username "placeholder=" e-mail "> <div class=" Form-group "> < Input type= "text" class= "Form-control" name= "username" id= "username" placeholder= "e-mail" > <i class= "I Con icon-user "></i> <!--error message PopOver--<div class=" Err-popover-out "> <div class= "Err-popover" > <div class= "tri-right" ></div> <div class= "tri-right-in" ></div> <div class= "Err-popover-content" & Gt;</div> </div> </div> <!--error message PopOver End---- </div> <div class= "Form-group" > <input type= "password" class= "Form-co Ntrol "id=" password "name= "password" placeholder= "password" > <i class= "icon Icon-lock" ></i> <!--error message PO Pover--<div class= "Err-popover-out" > <div class= "Err-popover" > <div class= "Tri-right" ></div> <div class= "tri-right-in" ></div& Gt <div class= "err-popover-content" ></div> </div> </div> <!--error message PopOver End--</div> <div class= "Form-group clearfix" > <div class= "Form-left" > <input type= "text" class= "Form-control" id= "Ccap-text" Name= "Ccap "placeholder=" Verification Code > <i class= "icon Icon-shield" ></i> </div> <div class= "Form-right" > </div> <!--error message PopOver-<div class= "Err-popover-out" > <div class= "Err-popover" > <div class= "tri-right" ></div> <div class= "tri-right-in" ></div> <div class= "Err-popover-content" &G T;</div> </div> </div> <!--error message PopOver End---- </div> <div class= "checkbox" > <label class= "a" for= "Rem_me" > <input type= "checkbox" id= "Rem_me" class= "Auto" > Remember me </label> <a HR ef= "/retrieve" class= "Pull-right a" > Forgot password? </a> </div> <button type= "Submit" id= "Submit" class= "btn btn-blue Form-control" >&L t;span> login </span></button> <div class= "checkbox no-padding" > <a href= "/reactive" class= "a Text-center" > re-send activation mail </a> </div> </form>
(function($) {$.fn.placeholder=function() { if(!Modernizr.input.placeholder) {$ (' [placeholder] '). Focus (function() { varInput = $ ( This); if(Input.attr (' type ')!== ' password ' && input.attr (' placeholder ')! = 0) { if(Input.val () = = input.attr (' placeholder ')) {input.val (‘‘); Input.removeclass (' Placeholder '); }}). blur (function() { varInput = $ ( This); if(Input.attr (' type ')!== ' password ' && input.attr (' placeholder ')! = 0) { if(Input.val () = = = "| | input.val () = = = Input.attr (' placeholder ') {Input.addclass (' Placeholder '); Input.val (Input.attr (' Placeholder ')); }}). blur (). Parents (' form '). Submit (function() { $( This). Find (' [placeholder] '). each (function() { varInput = $ ( This); if(Input.attr (' type ')!== ' password ' && input.attr (' placeholder ')! = 0){ if(Input.val () = = input.attr (' placeholder ')) {input.val (‘‘); } } }); }); } };}) (jQuery);
Landing box (⊙o⊙)