css 定義表單代碼

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>web標準的表單</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代碼加到<head>與</head>之間--><style type="text/css">/*元素初始值*/html {background: #FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ins,hr{margin: 0px;padding: 0px;}p{cursor: text;}h1,h2,h3,h4,h5,h6{font-size:100%;}ol,ul{list-style-type: none;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}table{border-collapse:collapse;}fieldset,img{border:0;}img{display:block;}caption,th{text-align:left;}body{position: relative;font-size:62.5%;font-family: "宋體"}a{text-decoration: none;}/*demo所用元素值*/#need {margin: 20px auto 0;width: 610px;}#need li {height: 26px;width: 600px;font: 12px/26px Arial, Helvetica, sans-serif;background: #FFD;border-bottom: 1px dashed #E0E0E0;display: block;cursor: text;padding: 7px 0px 7px 10px!important;padding: 5px 0px 5px 10px;}#need li:hover,#need li.hover {background: #FFE8E8;}#need input {line-height: 14px;background: #FFF;height: 14px;width: 200px;border: 1px solid #E0E0E0;vertical-align: middle;padding: 6px;}#need label {padding-left: 30px;}#need label.old_password {background-position: 0 -277px;}#need label.new_password {background-position: 0 -1576px;}#need label.rePassword {background-position: 0 -1638px;}#need label.email {background-position: 0 -429px;}#need dfn {display: none;}#need li:hover dfn, #need li.hover dfn {display:inline;margin-left: 7px;color: #676767;}</style><script type="text/javascript">function suckerfish(type, tag, parentId) {if (window.attachEvent) {window.attachEvent("onload", function() {var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);type(sfEls);});}}hover = function(sfEls) {for (var i=0; i<sfEls.length; i++) {sfEls[i].onmouseover=function() {this.className+=" hover";}sfEls[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" hoverb"), "");}}}suckerfish(hover, "li");</script></head><body><!--把下面代碼加到<body>與</body>之間--><ol id="need"> <li><label class="old_password">原始密碼:</label><input type="password" name="old_password"></li> <li><label class="new_password">新的密碼:</label><input type="password" name="new_password"><dfn>(密碼長度為6-20個位元組,不修改請留空)</dfn></li> <li><label class="rePassword">重複密碼:</label><input type="password" name="rePassword"></li> <li><label class="email">郵箱設定:</label><input type="text" name="email"><dfn>(我們不會給您發送任何垃圾郵件)</dfn></li></ol></body></html>
提示:您可以先修改部分代碼再運行
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.