几个不常用,但很有用的html标签

原创 2006年06月21日 09:31:00

几个不常用,但很有用的html标签

 

虽然经常接触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不匹配,点击文字是没有用的-->




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>

Person
Gender

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>

0-2 3-5 6-10 10-15 16-30 31-40 41-60


 

最常用的HTML标签 总结整理

body:在网页上要展示出来的页面内容一定要放在body标签中 p:如果想在网页上显示文章,这时就需要p标签了,把文章的段落放到p标签中。标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用...
  • fang323619
  • fang323619
  • 2016年07月14日 08:41
  • 2251

HTML常用标签整理

HTML常用标签整理HTML常用标签整理 HTML转义字符 HTML中注释 元素类型 文本样式相关标签 分区元素 在页面中显示图片 web开发用到的图片格式 像素 链接元素 表格元素 列表元素 表单元...
  • jpzhu16
  • jpzhu16
  • 2016年05月05日 22:48
  • 6425

html常用标签及其属性用法

标签的子标签 标签:设置标题,设置完成后可以显示到IE窗口的标题上 标签:引入css文件 标签:引入javascript文件 body中常用标签: bgcolor指...
  • xiaoyu714543065
  • xiaoyu714543065
  • 2013年09月05日 21:50
  • 3736

HTML的几个标签简单记录

HTML是是一种网页的语言,其有各种标签,而且标签都是成对出现的 【1】文本标签 【2】列表标签 【3】图像标签 【4】超链接标签 【5】表格标签 【6】表单标签 文本标签 告诉浏览器这是Web...
  • jinhuoxingkong
  • jinhuoxingkong
  • 2016年05月08日 11:28
  • 1029

必须知道的10个不常用HTML标签

网页开发人员常常希望能够了解并掌握多种语言,结果是,学习一门语言的所有内容是棘手的,但是却很容易发现你并没有完全利用那些比较特殊却很有用的标签。不幸的是我们到现在还没有涉足的那些比较不知名的HTML标...
  • tianwei7518
  • tianwei7518
  • 2015年03月12日 21:49
  • 653

HTML常用标签及其全称

 a href="#">a 超级链接(anchor)a>     abbr title="abbreviation的简写">abbr 简写的(abbreviation)abbr>     a...
  • happystarcat
  • happystarcat
  • 2016年01月13日 10:52
  • 3858

对HTML5中一些不常见的标签整理

标签表示一个缩写形式。比如 “Inc.”、”etc.”。通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。 HTML 5 不支持 。请使用 代替...
  • u014291497
  • u014291497
  • 2016年08月06日 16:23
  • 660

总结HTML中不经常使用的标签

总结HTML4及HTML5中不常使用的标签...
  • u010568344
  • u010568344
  • 2017年06月15日 16:41
  • 1118

html中表单标签的一些常用用法

表单标签
  • ZF_9420
  • ZF_9420
  • 2016年11月20日 15:30
  • 701

HTML学习4:常用标签之列表标签

HTML 列表标签支持有序、无序和定义列表。        列表标签表格:         一无序列表         无序列表是一个项目的列表。无序列表项开始于 标签,结束于标签...
  • erlian1992
  • erlian1992
  • 2015年10月19日 20:04
  • 1821
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:几个不常用,但很有用的html标签
举报原因:
原因补充:

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