`

fieldset,让我很震惊的一个标签，以前怎么就没用过的！

公告CSSIEFirefoxJavaScript 
阅读更多

fieldset是一个不常用的HTML标签，很有意思，其语法如下：
<fieldset>
<legend>fieldset名称</legend>
<!-- 加入你的内容 -->
</fieldset>

fieldset 标签 -- 对表单进行分组

  • fieldset标签是成对出现的,以<fieldset>开始,以</fieldset>结束
  • 一个表单可以有多个<fieldset>,每对<fieldset>为一组,每组内容的描述可以使用legend标签说明
  • 属性:
  • 引用网址:http://www.dreamdu.com/xhtml/tag_fieldset/
    在IE中，如果不加css，fieldset的效果是圆角的,但加了css后就变成方角的了。
    在Firefox中的效果都为方角。

    示例如下:
HTML代码
<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>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]


示例2（登录框）：
HTML代码

<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>

HTML代码

<html>
<head>
<body>
<table width="200">
<tr>
<td><fieldset style="width:200" align="center"> <legend>
<table style="border: 1 solid #000000" width="80" cellspacing="1" cellpadding="0" height="20">
<tr>
<td><font color=blue>天极<a href="http://homepage.yesky.com/" class="bluekey" target="_blank">网页</a>陶吧</font></td>
</tr>
</table>
</legend><br>
</fieldset>
</td>
</tr>
</table>
</body><script language="Javascript">
var now = new Date();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>");
</script>
<noscript>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/>
</noscript>

 

分享到：
| 在onLoad运行Date_beforeSave.htm时，发生 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics