fieldset——一个不常用的HTML标签

http://fdm0111.blog.163.com/blog/static/81375820074911438563/

一个不常用的HTML标签fieldset，不过我觉得比较有意思，其语法如下：

fieldset名称

下面是一个代码示例：

用户登陆

帐号：



密码：




  

代码的实际效果如下：

 

用户登陆 帐号： 

密码：

  

 

fieldset 标签 -- 对表单进行分组

• 此标签是成对出现的,以
  开始,以
  结束
• 一个表单可以有多个
  ,每对

  为一组,每组的内容描述可以使用

  说明
  

   action="http://www.dreamdu.com/dreamdu.php" method="post" enctype="multipart/form-data" id="dreamduform">   
   
  
    
  用户名与密码:
     name="hiddenField" type="hidden" value="hiddenvalue" />
     for="username">用户名:
     type="text" id="username" value="www.dreamdu.com" />
     for="pass">密码:
     type="password" id="pass" />
   
  
   
  
    
  性别:
     for="boy">男
     type="radio" value="1" id="sex" />
     for="girl">女
     type="radio" value="2" id="sex" />
     for="sex">保密
     type="radio" value="3" id="sex" />  
   
   
  
    
  我最喜爱的:
     for="computer">计算机
     type="checkbox" value="1" id="fav" />
     for="trval">旅游
     type="checkbox" value="2" id="fav" />
     for="buy">购物
     type="checkbox" value="3" id="fav" />  
   
   
  
    
  对梦之都的意见:
     for="select">你对梦之都的感觉
     size="1" id="select">
     很全面,很好
     一般般吧,还要努力
     有很多问题,不过还可以
    
   
   
  
    
  梦之都编程语言选择:
     for="multipleselect">你想在梦之都学习的编程语言
     size="10" multiple="multiple" id="multipleselect">
     XHTML
     CSS
     JAVASCRIPT
     XML
     PHP
     C#
     JAVA
     C++
     PERL
    
   
   
  
    
  我要在梦之都学:
     for="WebDesign">选择一个你在梦之都最想学的
     id="WebDesign">
      label="client">
       value="HTML">HTML
       value="CSS">CSS
       value="javascript">javascript
     
      label="server">
       value="PHP">PHP
       value="ASP">ASP
       value="JSP">JSP
     
      label="database">
       value="Access">Access
       value="MySQL">MySQL
       value="SQLServer">SQLServer
     
    
   
   
  
    
  个人化信息:
     for="myimage">个性照片上传
     type="file" id="myimage" size="35" maxlength="255" />
     for="contactus">联系我们
     cols="50" rows="10" id="contactus">
     dreamer dreamdu[at]163[dot]com
    
   
   
  
    
  提交:
     type="submit" value="submit" id="submit" />
     type="reset" value="reset" id="reset" />
   
  
  下面是上面代码的运行结果：

用户名与密码: 用户名: 密码: 性别: 男 女 保密 我最喜爱的: 计算机 旅游 购物 对梦之都的意见: 你对梦之都的感觉 很全面,很好 一般般吧,还要努力 有很多问题,不过还可以 梦之都编程语言选择: 你想在梦之都学习的编程语言 XHTML CSS JAVASCRIPT XML PHP C# JAVA C++ PERL 我要在梦之都学: 选择一个你在梦之都最想学的 HTML CSS javascript PHP ASP JSP Access MySQL SQLServer 个人化信息: 个性照片上传 联系我们 dreamer dreamdu[at]163[dot]com 提交:

 

样式一  代码如下： 样式二 代码如下： 样式三  代码如下： 样式四  1234 代码如下： 1234   样式五 1234 代码如下：     1234    样式六 代码如下：