几个不太常用但很有用的HTML Tag

转载 2007年10月11日 09:00:00
虽然经常接触HTML,不过有些标签以前却从没引起我的注意。但是其中几个Tag的确比较有用,而且是符合W3C XHTML标准的。

1. Label

Label是用来标记Input元素的提示的。例如:

<label for="id_name">Name</label><br />
<input type="text" name="name" id="id_name" size="20"/>


Label的“For”属性要和Input元素的ID相一致。

好处:点击提示文字,就自动Focus对应的输入元素。对于Radio,Checkbox这类点击区域特别小的控件特别有用:
Color:<br />
<input type="checkbox"  name="color" id="color_r" value="red"><label for="color_r">&nbsp;red</label><br>
<input type="checkbox"  name="color" id="color_g" value="green"><label for="color_g">&nbsp;green</label><br>
<input type="checkbox"  name="color" id="color_b" value="blue"><label for="color_x">&nbsp;blue</label><br><!--如果For和ID不匹配,点击文字是没有用的-->

 red
 green
 blue
 

2. FieldSet & Legend

FieldSet用来明确把一组Input控件归成一组(相当于VB/VC里面的Group控件),而Legend则是组的标题(相当于Group控件的标题)。 例如:

<fieldset style="width:20%">
  <legend>Person</legend>
  <label for="name">Name</label><input type="text" id="name" />
  <fieldset>
    <legend>Gender</legend>
    <input type="radio" name="gender" id="male" /><label for="male">Male</label><br>
    <input type="radio" name="gender" id="female" /><label for="female">Female</label>
  </fieldset>
</fieldset>
PersonName GenderMale
Female

3. Optgroup

用于Select里面的option的分组。例如:

<select name="age">
  <optgroup label="baby">
    <option>0-2</option>
    <option>3-5</option>
  </optgroup>
  <optgroup label="kid">
    <option>6-10</option>
    <option>10-15</option>
  </optgroup>
  <optgroup label="adult">
    <option>16-30</option>
    <option>31-40</option>
    <option>41-60</option>
  </optgroup>
</select>
 

用浏览器访问网站很快,但是用curl命令行访问却很慢

这几天遇到一个问题 问题的症状是这样的 打开一个网站,用浏览器打开非常快,但是用命令行的curl或者使用python脚本来访问却非常慢 用charles抓包访问了一下发现时间全花在了dns上 接...
  • sdcxyz
  • sdcxyz
  • 2016年11月16日 11:23
  • 2124

马云语录:今天很残酷,明天更残酷!后天很美好!但大多数人都死在明天晚上,看不到后天的太阳!

1、今天很残酷,明天更残酷,后天会很美好,但绝大多数人都死在明天晚上,却见不到后天的太阳,所以我们干什么都要坚持!     2、创业艰难用左手温暖你的右手,放弃是最大的失败!(*当你成功的时候,...
  • stamSuper1
  • stamSuper1
  • 2013年04月02日 09:43
  • 4645

EXCEL内容很少文件却很大---如何变小

作者:iamlaosong 有一个Excel文件,里面有数据、按钮、程序,多张工作表,在逐步操作中,变得很大,而且操作变得很慢,甚至不动了。按照网上搜出办法,即使把对象、数据删除,依然很大。后来全选整...
  • iamlaosong
  • iamlaosong
  • 2015年09月23日 17:38
  • 7732

几个不太常用但很有用的HTML Tag

====================================================== 注:本文源代码点此下载 =============================...
  • javazhuanzai
  • javazhuanzai
  • 2012年02月01日 07:26
  • 222

latex学习的一个很有用的介绍。文章不太简短但很实用。

  • 2012年04月27日 14:19
  • 1.02MB
  • 下载

差分约束(看不太懂但是觉得挺有用的)

转自:   http://blog.csdn.net/u012860063/article/details/39735315   (3q~~) 差分约束系统中,如果按照最短路形式d[u]-d...
  • c79801496
  • c79801496
  • 2015年07月13日 14:41
  • 364

python中几个不太熟的关键字:assert exec lambda

assert语句 assert语句用来声明某个条件是真的。例如,如果你非常确信某个你使用的列表中至少有一个 元素,而你想要检验这一点,并且在它非真的时候引发一个错误,那么assert语句是应用在这...
  • freedomfee
  • freedomfee
  • 2012年08月08日 11:07
  • 2137

你听过,但是不太明白的几个词

蝴蝶效应、青蛙现象、鳄鱼法则、鲇鱼效应、羊群效应、刺猬法则、手表定律、破窗理论、二八定律、木桶理论、马太效应,这些你都明白吗?­         1、蝴蝶效应:上个世纪70年代,美国一个名叫洛伦...
  • jearmy
  • jearmy
  • 2015年05月09日 23:26
  • 287

python中几个不太熟的关键字:assert exec lambda

assert(声明,断言) assert语句用来声明某个条件是真的。例如,如果你非常确信某个你使用的列表中至少有一个 元素,而你想要检验这一点,并且在它非真的时候引发一个错误,那么assert语句是应...
  • u010299224
  • u010299224
  • 2016年03月03日 11:39
  • 230

告诉我,这不是行为艺术!盘点几个看起来不太实用的发明

随着人们的审美观念的改变,和科技的创新,为了迎合消费者的体验,从iPhone7系列开始,小米6、坚果PRO、努比亚Z17、Google的Pixel 2、HTC U11、oppo、乐视等品牌也跟随了这一...
  • M7720EIoSi6oA9
  • M7720EIoSi6oA9
  • 2017年12月11日 00:00
  • 47
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:几个不太常用但很有用的HTML Tag
举报原因:
原因补充:

(最多只允许输入30个字)