Fieldset 标签的使用一例

最新推荐文章于 2021-06-18 21:49:09 发布

cui09

最新推荐文章于 2021-06-18 21:49:09 发布

阅读量116

点赞数

文章标签： IE Firefox HTML XHTML .net

Fieldset 标签的使用一例

Fieldset 标签以前很少用，也不太明白他到底能干什么！今天正好收到一个垃圾邮件，而这个垃圾邮件中正好用到这个！由是呼就看了看！

看完后发现这个标签很简单，但但一些效果还真不错！

以下就是小试了一下，作的一个例子，我只在IE和TT还有FIREFOX中看了一下，效果都一样：

程序代码

<fieldset style="padding:8px;width:90%;border:1px solid #ff9900; color:#CC3300; line-height:2.0; font-size:12px;"><legend>关于子鼠</legend>
这里是我平时写的和收集的一些东西很希望能交到更多的同行朋友！<br />
这里是我平时写的和收集的一些东西很希望能交到更多的同行朋友！<br />
这里是我平时写的和收集的一些东西很希望能交到更多的同行朋友！<br />
</fieldset>

现示效果：

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <fieldset style="padding:8px;width:90%;border:1px solid #ff9900; color:#CC3300; line-height:2.0; font-size:12px;"><legend>关于子鼠</legend> 这里是我平时写的和收集的一些东西很希望能交到更多的同行朋友！<br /> 这里是我平时写的和收集的一些东西很希望能交到更多的同行朋友！<br /> 这里是我平时写的和收集的一些东西很希望能交到更多的同行朋友！<br /> </fieldset> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

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

<fieldset>
<legend>fieldset名称</legend>

</fieldset>

下面是一个代码示例：

代码的实际效果如下：

用户登陆帐号：

密码：

转至：http://blog.csdn.net/aaahts/archive/2004/07/26/52129.aspx

详细请见http://www.phpx.com/man/dhtmlcn/objects/FIELDSET.html这里有个更好的效果