如何利用html和css来实现注册表单的简单实例

 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN  html  head  title 提交用户信息 /title  meta http-equiv= content-type content= text/html; charset=UTF-8  style body, p, td, input {font-size:12px; margin:0px; }select {height:20px; width:300px; }.title {font-size: 16px; padding: 10px; width:80%; }.text {height:20px; width:300px; border:1px solid #AAAAAA; }.line {margin:2px; }.leftp {width:110px; float:left; height:22px; line-height:22px; font-weight:bold; }.rightp {height:42px; }.button {color:#fff;font-weight:bold;font-size: 11px; text-align:center;padding:.17em 0 .2em .17em;border-style:solid;border-width:1px;border-color:#9cf #159 #159 #9cf;background:#69c url(images/bg-btn-blue.gif) repeat-x; /style  /head  body  form action= /servlet/servlet/PostServlet method= POST  p align= center  br/  fieldset >代码分析文档类型声明
 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd 
这段代码叫做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。这里说明你用的是 HTML 4.01 版本,类似的还有: 
 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 

这里声明本文档使用的是XHTML 1.0版本. 
HTML style 标签
 style 标签定义文档中的样式。
如果需要在文档中引用样式表，应该定义外部的样式表，然后使用 link 来连接这个样式表。

提示：在 HTML5 中，所有元素都不支持 style 属性，如需为一个元素添加样式，请在 style 元素中使用 scoped 属性。
注释：如果没有定义 scoped 属性，则 style 元素必须是 head 元素的子元素，或者是（属于 head 元素的子元素的） noscript 元素的子元素。

 head  style type= text/css  h1 {color: blue} h2 {color: red} /style  /head 
HTML FieldSet 标签
 HTML legend 标签
如果一个页面的表单项太多,我们最好把它们分组显示,就像使用p标签分开段落一样,可以使用fieldset与legend标签对表单内容分组.
fieldset 标签 -- 对表单进行分组

fieldset标签是成对出现的,以 fieldset 开始,以 /fieldset 结束
一个表单可以有多个 fieldset ,每对 fieldset 为一组,每组内容的描述可以使用legend标签说明
属性:
Common -- 一般属性
以上就是如何利用html和css来实现注册表单的简单实例的详细内容，html教程        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。