CSS网页布局中form表单的语义结构探讨[z]

liudaoru

挺不错的文档，对我的借鉴之处有：

• 可以在label中加checkbox或者radio，这样方便了不少（比for的方式确实简洁）；
  
• 知道了accesskey，以前没怎么用过；
  
• button标签很不错，可以实现不少效果，以前知道这个，但是没有具体用过。等短时间尝试一下；
  

-------------------------------------------------------------------
From: http://www.52css.com/article.asp?id=867
 
Web标准化越来越受到大家的重视与关注，制作符合Web标准的网页，往往会遇到form的问题，这一块的知识很是缺乏，今天的这篇文章向大家介绍了一些form语义结构，在52CSS.com的大量文章中，也一直强调HTML文档的语义和结构的重要性，希望对大家的CSS布局有所帮助。

1、使用fieldset和legend标签

　　在form中，我们经常会对form中的信息进行分组，比如注册form，我们可能会将注册信息分组成基本信息（一般为必填），详细信息（一般为可选），那我们如何更好的来实现呢？我们可考虑在form中加入下面两个标签：
　　fieldset：对表单进行分组，一个表单可以有多个fieldset
　　legend：说明每组的内容描述


<div class="UBBPanel" style="background-color: #fbfbfb; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 3px; width: 660px; border-color: #eaeaea; border-style: solid;"><div class="UBBTitle" style="font-weight: bold; background-color: #f7f7f7; border-bottom-color: #eaeaea; border-bottom-width: 1px; border-bottom-style: dotted; padding: 4px;"> Example Source Code [www.52css.com]