Find a very fun, very powerful website
Runjs-Edit, display, share, and communicate your JavaScript code online http://runjs.cn/
Like what:
Http://runjs.cn/detail/lp6rqcsr
Or:
<!DOCTYPE HTML><HTMLLang= "ZH-CN"> <Head> <MetaCharSet= "Utf-8"> <title>Login</title> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0"> <Metaname= "Author"content= ""> </Head> <!--HTML5 Shim, for ie6-8 support of HTML5 elements - <!--[If Lt IE 9]> <script src= "Http://html5shim.googlecode.com/svn/trunk/html5.js" ></script> <! [EndIf] - <Linkclass= "Bootstrap Library"rel= "stylesheet"type= "Text/css"href= "Http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/css/bootstrap.min.css"> <Scriptclass= "Bootstrap Library"src= "Http://sandbox.runjs.cn/js/sandbox/jquery/jquery-1.7.2.min.js"type= "Text/javascript"></Script> <Scriptclass= "Bootstrap Library"src= "Http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/js/bootstrap.min.js"type= "Text/javascript"></Script> </Head> <Body> <Divclass= "Container"> < Sectionclass= "Loginbox row-fluid"> <Divclass= "Tabbable"ID= "tabs-634549"> <ulclass= "Nav nav-tabs"> <Li> <ahref= "#panel -60560"Data-toggle= "tab">Account Login</a> </Li> <Liclass= "Active"> <ahref= "#panel -549981"Data-toggle= "tab">Two-dimensional code login</a> </Li> </ul> <Divclass= "Tab-content"> <Divclass= "Tab-pane"ID= "panel-60560"> </Div> <Divclass= "Tab-pane Active"ID= "panel-549981"> <DIV><inputtype= "text"name= "username"placeholder= "User name"/></DIV> <DIV> <inputtype= "text"name= "Password"placeholder= "Password"/> </DIV> <DIVclass= "Span6"><label><inputtype= "checkbox"name= "RememberMe" />Next Automatic Login</label></DIV> <DIVclass= "Span1"><inputtype= "button"value= "Login"class= "Btn btn-primary"></DIV> </Div> </Div> </Div> </ Section><!--/loginbox - </Div> <!--/container - </Body></HTML>
*{margin:0;padding:0;} Body{background: #444 URL (http://Sandbox.runjs.cn/uploads/rs/418/nkls38xx/carbon_fibre_big.png )} . loginbox{width:420px;height:230px;padding:0 20px;border:1px solid #fff; Color: #000; margin-top:40px; border-radius:8px;background:white;box-shadow:0 0 15px #222; Background:-moz-linear-gradient (top, #fff, #efefef 8); background:-webkit-gradient (linear, 0 0, 0 100%, from (#f6f6f6), to (#f4f4f4)); Font:11px/1.5em ' Microsoft Yahei ';p osition:absolute;left:50%;top:50%;margin-left:-210px;margin-top: -115px;} . Loginbox h2{height:45px;font-size:20px;font-weight:normal;} . Loginbox. Left{border-right:1px solid #ccc; height:100%;p adding-right:20px; }
Runjs-Edit, display, share, and communicate your JavaScript code online