日期:2013-07-24  浏览次数:20967 次

fieldset是一个不常用的HTML标签,很有意思,其语法如下:
<fieldset>
<legend>fieldset名称</legend>
<!-- 加入你的内容 -->
</fieldset>
在IE中,如果不加css,fieldset的效果是圆角的,但加了css后就变成方角的了。
在Firefox中的效果都为方角。

示例如下:
 

 

以下是代码片段:
<fieldset><legend>本站公告</legend> 
欢迎光临本站!soking’s desk. 
</fieldset> 

<fieldset style="width:300px; border : 1px solid #ff9900;text-align:left;COLOR:#ff9900;FONT-SIZE:  
12px;font-family: Verdana;padding:5px;"> 
<legend>本站公告</legend> 
欢迎光临本站!soking’s desk. 
</fieldset>

 

示例2(登录框):

 

以下是代码片段:
<center> 
<fieldset style="width:300px"> 
<legend>用户登陆</legend> 
<form name="login" method="post"> 
帐号:<input name="UserName"></input> 
<br><br> 
密码:<input type="password" name="UserPassword"></input> 
<br><br> 
<input type="submit" value="登陆" name="Submit"></input> 
   
<input type="reset" value="重填" name="Reset"></input> 
</form> 
</fieldset> 
</center>