虽然经常接触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"/>
<script>render_code();</script>
Label的"For"属性要和Input元素的ID相一致。
好处:点击提示文字,就自动Focus对应的输入元素。对于Radio,Checkbox这类点击区域特别小的控件特别有用:
代码
- Color:<br />
- <input type="checkbox" name="color" id="color_r" value="red">
- <label for="color_r"> red</label><br>
- <input type="checkbox" name="color" id="color_g" value="green">
- <label for="color_g"> green</label><br>
- <input type="checkbox" name="color" id="color_b" value="blue">
- <label for="color_x"> blue</label><br>
<script>render_code();</script>
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>
<script>render_code();</script>
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>
|
相关推荐
36个非常重要但常被遗忘的HTML标签,36个非常重要但常被遗忘的HTML标签,
在HTML中还有几个容易让我们遗忘的特殊的属性标签,下面为大家详细介绍下这几个属性在各个浏览器中的使用,为了能达到更好的兼容,建议web人员抽空看看
其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等。 1. dl, dt, dd系列定义...
对于这样的一个结构,不会有人感到陌生,然而往往有时候却是大家越熟悉的东西就容易让人去遗忘了他们的存在。或许你会在想,这个结构这些标签有什么好聊的呢,每个页面都需要他们的啊。是啊,以前我一直也是这么认为...
状态:被遗弃的实验。 我不再使用或开发此程序,但可以随意进行分叉。 使用Nashorn或Rhino JavaScript引擎在JVM上渲染标签。 用法 Riothorn riothorn = new Riothorn (); Tag tag = riothorn . compile( " <hello>...
书签将被埋在文件夹中并被遗忘,而我不断发现自己在寻找“超酷的”网站,却意识到我已经保存了那个特定的网站。 创建书签计划程序的目的是为您保存的网站提供简单直观的布局。 这是给谁的? 这是针对那些认为自己...
被遗忘的计时器或回调函数 定时器引起 观察者addEventListener 脱离DOM的引用 闭包 划分作用域的意义 函数作用域 规避同名变量之间的冲突 命名空间 块级作用域 let可以将变量绑定到所在的任意作用域中(通常是{...}...
通过跟踪表单遗弃、常见验证错误和识别令潜在客户感到沮丧的输入,找到表单中的常见弱点。 核心目标 容易安装和使用 与现有的 HTML 表单兼容(无需更改代码) 能够跟踪放弃、用户统计信息(位置、浏览器等)和提交...
包装器<div> .comment-reply-link :回复链接.comment-reply-login :用户必须登录才能发表评论.comment-notes #email-notes .form-allowed-tags :出现在“提交”按钮正.form-allowed-tags HTML标签。 使用评论清单...
首先要在这里添加友情链接为图标链,然后在模板中分页模板(page_html)语言包中html_html(0).htm中,友情链接地方修改标签。可以参考通用标签附录3:Lk_List标签 6、首页调用管理(callnew.asp) 首页调用即为...
支持常规的ubb标签,如发光标签,多媒体标签等 [131].支持等级帖,回复可见,指定读者,金钱可见,积分可见,日期可见,登陆可见性别可见等限制标签 [132].支持购买帖功能。 [133].支持插入代码功能。 [134].发帖时...
支持常规的ubb标签,如发光标签,多媒体标签等 131.支持等级帖,回复可见,指定读者,金钱可见,积分可见,日期可见,登陆可见性别可见等限制标签 132.支持购买帖功能。 133.支持插入代码功能。 134...
按标签,评分,访问次数,添加日期和上次访问进行强力筛选和排序。...立即保存那些“必须拥有”的网站以及那些“可能有用的”网站,而不必担心它们会被混淆或遗忘。 支持语言:English (United States)
修正:新增知识点默认分类的可能出错,以“全部数据库”的方式显示时,缺省数据库以外的分类被选取仍可能出错 版本2.6.1.0更新时间:不详 增加批量修改分类:使用知识点网格的“行选取器”配合Ctrl和Shfit进行多选...
修正:新增知识点默认分类的可能出错,以“全部数据库”的方式显示时,缺省数据库以外的分类被选取仍可能出错 版本2.6.1.0更新时间:不详 增加批量修改分类:使用知识点网格的“行选取器”配合Ctrl和Shfit进行多选...