<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.resday.com</title>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background:#fff;
text-align:center;
}
* {
margin:0;
padding:0;
}
a {
color:#1E7ACE;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:underline;
}
h3 {
font-size:14px;
font-weight:bold;
}
pre,p {
color:#1E7ACE;
margin:4px;
}
input, select,textarea {
padding:1px;
margin:2px;
font-size:11px;
}
.buttom{
padding:1px 10px;
font-size:12px;
border:1px #1E7ACE solid;
background:#D0F0FF;
}
#formwrapper {
width:450px;
margin:15px auto;
padding:20px;
text-align:left;
border:1px #1E7ACE solid;
}
fieldset {
padding:10px;
margin-top:5px;
border:1px solid #1E7ACE;
background:#fff;
}
fieldset legend {
color:#1E7ACE;
font-weight:bold;
padding:3px 20px 3px 20px;
border:1px solid #1E7ACE;
background:#fff;
}
fieldset label {
float:left;
width:120px;
text-align:right;
padding:4px;
margin:1px;
}
fieldset div {
clear:left;
margin-bottom:2px;
}
.enter{ text-align:center;}
.clear {
clear:both;
}
-->
</style>
</head>
<body>
<div id="formwrapper">
<h3>已注册用户登录</h3>
<form action="" method="post" name="apLogin" id="apLogin">
<fieldset>
<legend>用户登录</legend>
<div>
<label for="Name">用户名</label>
<input type="text" name="Name" id="Name" size="18" maxlength="30" /><br />
</div>
<div>
<label for="password">密码</label>
<input type="password" name="password" id="password" size="18" maxlength="15" /><br />
</div>
<div class="cookiechk">
<label><input type="checkbox" name="CookieYN" id="CookieYN" value="1" /> <a href="#" title="选择是否记录您的信息">记住我</a></label>
<input name="login791" type="submit" class="buttom" value="登录" />
</div>
<div class="forgotpass"><a href="#">您忘记密码?</a></div>
</fieldset>
</form><br />
<h3>未注册创建帐户</h3>
<form action="" method="post" name="apForm" id="apForm">
<fieldset>
<legend>用户注册</legend>
<p><strong>您的电子邮箱不会被公布出去,但是必须填写.</strong> 在您注册之前请先认真阅读服务条款.</p>
<div>
<label for="Name">用户名</label>
<input type="text" name="Name" id="Name" value="" size="20" maxlength="30" />
*(最多30个字符)<br />
</div>
<div>
<label for="Email">电子邮箱</label>
<input type="text" name="Email" id="Email" value="" size="20" maxlength="150" /> *<br />
</div>
<div>
<label for="password">密码</label>
<input type="password" name="password" id="password" size="18" maxlength="15" />
*(最多15个字符)<br />
</div>
<div>
<label for="confirm_password">重复密码</label>
<input type="password" name="confirm_password" id="confirm_password" size="18" maxlength="15" />
*<br />
</div>
<div>
<label for="AgreeToTerms">同意服务条款</label>
<input type="checkbox" name="AgreeToTerms" id="AgreeToTerms" value="1" />
<a href="#" title="您是否同意服务条款">先看看条款？</a> * </div>
<div class="enter">
<input name="create791" type="submit" class="buttom" value="提交" />
<input name="Submit" type="reset" class="buttom" value="重置" />
</div>
<p><strong>* 在提交您的注册信息时, 我们认为您已经同意了我们的服务条款.<br />
* 这些条款可能在未经您同意的时候进行修改.</strong></p>
</fieldset>
</form>
</div>
</body>
</html>
分享到：
相关推荐
不同的浏览器或版本对CSS样式的解析和支持程度不尽相同。例如，某些CSS3属性在旧版IE浏览器中可能不受支持，而在.NET项目中使用的浏览器内核可能是基于.NET框架默认配置的，这可能导致样式显示上的差异。 ##### 1.2...
### CSS+DIV编写经验总结之CSS样式小模板 #### 概述 随着互联网技术的不断发展，Web前端设计已经成为了一个至关重要的领域。对于前端开发者来说，掌握CSS+DIV布局技巧是必不可少的一项技能。本文将根据提供的内容...
通过规范化的CSS样式编写，可以帮助开发者更加高效、一致地构建网站界面。下面将详细介绍文档中的各个部分及其应用场景。 #### 二、全局设置 ##### 1. 字符集声明 ```css @charset "utf-8"; ``` - **作用**：指定...
在样式布局方面，fieldset 元素可以使用 CSS 样式来控制其外观和布局。例如，可以使用 border 属性来设置 fieldset 元素的边框样式，可以使用 padding 属性来设置 fieldset 元素的内边距，可以使用 margin 属性来...
为了确保不同浏览器间的一致性以及消除默认样式带来的差异，开发者通常会使用`reset.css`或类似的重置样式表。`reset.css`文件的主要目的是消除浏览器内置样式的影响，使网页元素具有统一的初始样式，从而为自定义...
/******** 全局共用属性CSS ********/ *{margin:0;padding:0;} body{color: #353535;background:#fff;font:12px/22px Verdana,Arial,sans-serif,"Times New Roman",宋体;text-align:center;} body,ul,ol,li,p,h1,h2,...
object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,...
解压后的文件"804"可能是HTML、CSS和JavaScript文件的组合，其中HTML文件包含了`<fieldset>`和`<legend>`标签的结构，CSS文件提供了基础样式，而JavaScript（可能是jQuery）文件则负责添加动态效果和交互功能。...
- `label`用于设置标签样式，`fieldset`和`legend`用于组织和标记表单组。 - `:focus`伪类可以设置元素获得焦点时的样式，增强可用性。 7. **CSS与JavaScript协作**：CSS通常用于静态样式，但结合JavaScript，...
在网页设计领域，CSS（层叠样式表）扮演着至关重要的角色，而“normalize.css-8.0.1.zip”正是一个为CSS设计提供现代化重启的资源包。这个压缩包包含了版本8.0.1的“normalize.css”文件，它是一个广受欢迎的项目，...
在这个文件中，我们可以期待看到如何通过HTML结构，CSS样式以及JavaScript脚本来创建可收放的fieldset。JavaScript可能用于监听用户的点击事件，改变fieldset的可见性，并更新相应的图形表示（如展开/折叠图标）。 ...
**CSS样式**： ```css fieldset { border: 1px solid red; } legend { background-color: #fff; padding: 5px 10px; } ``` - `<fieldset>`标签用来创建一个边框区域。 - `<legend>`标签用于定义边框上的标题，...
重置CSS，也被称为CSS Reset或 Normalize.css，是Web开发中的一个重要概念，它涉及到网页样式的初始化和标准化。在不同的浏览器之间，默认的HTML元素样式可能会有所不同，这可能导致页面在不同浏览器上的显示效果不...
总结起来，"reset.css文件.zip"是一个包含重置CSS样式的文件，用于消除浏览器对HTML元素的默认样式差异，提供一个干净的样式起点，便于开发者构建一致且可控的网页布局。使用它能帮助开发者节省时间，提高项目的跨...
CSS3提供了`:focus`伪类，当元素获得焦点时，可以应用特定的样式。例如，我们可以改变输入框边框的颜色，使其在被选中时更显眼： ```css input:focus { border-color: #ff0000; /* 设置聚焦时的边框颜色 */ box-...
在网页设计中，CSS样式表起着至关重要的作用，它决定了网页元素的外观和布局。然而，不同浏览器之间对相同HTML元素的默认样式处理存在差异，这是CSS样式表教程中经常提到的一个问题。这种差异性可能导致同一个网页在...
本文将详细介绍一个典型的CSS样式文件中的各个部分及其功能，帮助开发者更好地理解和运用这些样式。 #### 样式重置（Reset） 样式重置的目的在于消除浏览器默认样式对页面布局的影响，确保不同浏览器之间的一致性...
fieldset 和 legend 标签可以通过 CSS 样式来设置其外观和布局。例如，以下代码设置了fieldset 标签的宽度、边框和背景颜色，并设置了legend 标签的字体、字号和颜色： <style type="text/css"> fieldset { width...
CSS（层叠样式表）是一种用于描述网页及应用程序用户界面外观和表现的语言。本文总结了18个实用的CSS技巧，旨在帮助开发者更高效地运用CSS，提高工作效率。 1. **使用CSS缩写**：通过缩写，如`margin: 0 auto`代替`...
`normalize.css`的核心理念是不完全清除所有元素的默认样式，而是保留那些有意义的、跨浏览器一致的基础样式，同时修正不一致和不理想的默认样式。这一方法与传统的CSS重置（如Eric Meyer Reset或Reset CSS）有所...