你正在查看: 首页 > 技术文章>html > fieldset一个不常用的html标签

fieldset一个不常用的html标签

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

示例如下:

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

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

示例2(登录框):

以下是代码片段:
<center>
<fieldsetstyle="width:300px">
<legend>用户登陆</legend>
<formname="login"method="post">
帐号:<inputname="UserName"></input>
<br><br>
密码:<inputtype="password"name="UserPassword"></input>
<br><br>
<inputtype="submit"value="登陆"name="Submit"></input>

<inputtype="reset"value="重填"name="Reset"></input>
</form>
</fieldset>
</center>



客服 反馈