[会员中心]  [发布文章][发布软件]  [中文繁體]
 文章·资料  电脑软件  手机软件  网站源码
    本 站 搜 索
[选项]
   推 荐 文 章        More...
华硕易电脑(ASUS Eee PC 10..
先来段开场白:为了外出携带方便,..
Acronis True Image 使用..
  一款可以在Windows下使用全..
Norton Ghost 使用详解
一、分区备份   使用Ghost进..
    文 章 阅 读 排 行
Microsoft SQL Server 2000..
  对于第一次安装 Microsoft SQ..
ASP:Dimac W3 JMail 发送..
【发送邮件测试代码下载】压..
ASP:Persits ASPMail 发送..
【发送邮件测试代码下载】压..
VMware Workstation:安装..
编写这份虚拟机安装的图文教程,..
华硕易电脑(ASUS Eee PC 10..
先来段开场白:为了外出携带方便,..
ASP:Microsoft CDO 发送邮..
【发送邮件测试代码下载】压..
 文 章 信 息
fieldset 和 legend 标签的属性和使用方法
评论()〗〖留言〗〖收藏
〖文章分类:电脑·手机·网络 / 网站设计·开发·优化〗〖阅读选项
<fieldset>除了可以用style设定他的样式以外,谁知道他还有什么其他纯html中自代的属性吗?
</fieldset>
<fieldset><legend>基本信息</legend> </fieldset>
 
<fieldset id=b><legend id=a><span style="width:150;filter:shadow(color=ffedff)">意想不到的效果不错</span></legend><small><p>不知道他还有其他的属性吗?</small></fieldset>
 
<fieldset><legend accesskey="F" align="center">Fieldset的属性:</legend> 
<div style="word-break:break-all;font-size:12px;line-height:16px;padding:10px;"> 
CLASS=classname<br> 
ID=value<br> 
LANG=language<br> 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br> 
STYLE=css1-properties<br> 
TITLE=text<br> 
EVENT = script<br> 
</div></fieldset> 
<fieldset><legend accesskey="L" align="center">Legend的属性:</legend> 
<div style="word-break:break-all;font-size:12px;line-height:16px;padding:10px;"> 
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP<br> 
CLASS=classname<br> 
ID=value<br> 
LANG=language<br> 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS<br> 
STYLE=css1-properties<br> 
TITLE=text<br> 
VALIGN=BOTTOM | TOP<br> 
EVENT= script<br> 
</div></fieldset>


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

文章作者:未知  更新日期:2007-12-16
〖文章浏览:〗〖打印文章〗〖发送文章
·Visual Basic:模拟starfield的界面效果在form中有很多飞扬的小圆2005-07-05
阅读说明
·本站大部分文章转载于网络,如有侵权请留言告知,本站即做删除处理。
·本站法律法规类文章转载自[中国政府网(www.org.cn)],相关法律法规如有修订,请浏览[中国政府网]网站。
·本站转载的文章,不为其有效性,实效性,安全性,可用性等做保证。
·如果有什么问题,或者意见建议,请联系[网站管理员]。
  当百网
  本站使用【啊估文章软件站】网站系统    网站管理员留言簿