Fieldset 一个不常用的HTML标签

http://www.itjxue.com  2007-11-23 00:18  来源:IT教学网  点击次数: 

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> 

(责任编辑:IT教学网)

更多

推荐HTML/Xhtml文章