Jquery中文网 > 脚本编程 > javascript > 正文 css 定义表单代码

css 定义表单代码

发布时间：2017-10-14 编辑：www.jquerycn.cn

jquery中文网为您提供css 定义表单代码等资源，欢迎您收藏本站，我们将为您提供最新的css 定义表单代码资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>web标准的表单</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <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"); <ol id="need"> <li>原始密码：</li> <li>新的密码：<dfn>（密码长度为6-20个字节，不修改请留空）</dfn></li> <li>重复密码：</li> <li>邮箱设置：<dfn>（我们不会给您发送任何垃圾邮件）</dfn></li> </ol> </body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
网页技巧之怎样编写CSS
学习CSS优化的7项技巧
 使用CSS处理表格边框样式化
 css控制table表格宽度的小技巧教程
 CSS 简介
 css选择器的使用方法
 javascript实现隔行变色函数代码一例
 使用html表格和CSS进行混合网页设计
 CSS样式表应用技巧两则
 css border对raid按钮的影响

上一篇：js图片缩小效果代码下一篇：js 邮箱验证代码

[关闭]

css 定义表单代码

最近更新

浏览排行