1 <!DOCTYPE HTML>2 <HTMLLang= "ZH-CN">3 <Head>4 <MetaCharSet= "Utf-8">5 <title>Standardize page formats</title>6 <styletype= "Text/css">7 #login{8 width:300px;9 Height:250px;Ten background:Gray; One margin:0 Auto; A Padding-top:30px; - font-size:16px; - text-align:Center; the } - #username, #password{ - width:150px; - Height:20px; + } - #Login, #rset{ + width:90px; A Height:40px; at Margin-left:20px; - } - a{ - float: Right; - } - </style> in <Linkrel= "stylesheet"type= "Text/css"href=""> - </Head> to <Body> + <formID= "Login"Action="#"Method= "Get"> -Username<inputtype= "text"value= "Please enter account"ID= "username"><BR/><BR/> thePassword<inputtype= "Password"value= "88888888"ID= "Password"><BR/><BR/> * <inputtype= "Submit"value= "Login"ID= "Login" /> $ <inputtype= "Reset"value= "Reset"ID= "RSet" /><BR/><BR/>Panax Notoginseng <ahref="#">Forgot password</a> - </form> the <Scriptsrc= "Js/jquery.js"></Script> + <Script> A $ (document). Ready (function(){ the $("#username"). Focusin (function(){ + $("#username"). Val ("") - }) $ . Focusout (function(){ $ if($("#username"). Val ()=="") - { - $("#username"). Val ("Please enter your account number"); the } - })Wuyi }) the </Script> - </Body> Wu </HTML>
Style is a bit ugly, the basic ability to achieve
Evening study ——— The login box has the user name and password input box default word problem