栖迩网首页产品报价家电社区栖迩晓得>>驱动下载微软技术更多

热点推荐
主页>社区>IT 技术与微软技术>网页制作>Html

分享HTML中少为人知的个性化标记_1


 2008/4/14 7:03:42 阅读 181 次


非续读浏览 | 发布资讯 | 评论 | 置顶 | 打印

  我们知道HTML是一种再简单不过的标记语言,一些基础性的知识,该说的已经说了,该讲的也已经讲得差不多了,没有人再去关注HTML还有什么新颖之处,其实不然,也许我们熟悉的只是HTML中极为常见的标记,但对于一些特殊的标记,您未必熟悉也未必使用过,但也许您会真的喜欢它们。

  1、optgroup标记-对select元素中的选项进行逻辑分组

  这个元素我们很少有人去关注它,也很少有人知道这个元素的功能是什么,其实,这个元素通常用于select元素中,其功能是对select元素中的选项进行逻辑分组。这个元素其实在很多场合我们都可能用到,比如我们对web访问者进行身份调查时通常会让其填写资料,以现住城市为例,您可能住在江苏省也可能住在山东省也可能住在其它省份,在这些省份下面还有市,这就需要进行分组,把这些市分组到所属省。通常情况下我们会这样写代码:

<select>
<option selected>您所在的城市</option>
<option>---山东省---</option>
<option>济南市</option>
<option>莱州市</option>
<option>……</option>
<option>---安徽省---</option>
<option>合肥市</option>
<option>……</option>
<option>---江苏省---</option>
<option>南京市</option>
<option>……</option>
</select>

  出来的效果是这样的:  

  其实这种方法是非常粗陋的,如果我们用optgroup元素将会达到不一样的效果:

<select>
<option selected>您所在的城市</option>
<optgroup label="山东省">
<option>济南市</option>
<option>莱州市</option>
</optgroup>
<optgroup label="安徽省">
<option>合肥市</option>
<option>……</option>
</optgroup>
<optgroup label="江苏省">
<option>南京市</option>
<option>……</option>
</optgroup>
</select>


2 页  [1] [2]



相关阅读:
• 初学者接触HTML了解一些HTML标记(2)_2 (2009/11/18 19:29:30)
• 初学者接触HTML了解一些HTML标记(2) (2009/11/18 19:29:29)
• 网站超级链接的打开方式探讨 (2009/11/18 19:29:29)
• HTML5和CSS3新的WEB标准和浏览器支持 (2009/11/18 19:29:28)
• 来自W3C的消息:HTML5即将来临 (2009/11/18 19:29:28)
• 提交表单后转到另一个文件 (2009/11/18 19:29:28)
• IE下的只读innerHTML (2009/11/18 19:29:26)
• 学习如何书写整洁规范的HTML标记_2 (2009/11/18 19:29:24)
• 学习如何书写整洁规范的HTML标记 (2009/11/18 19:29:21)
• 40多个漂亮的网页表单设计实例_7 (2009/11/18 19:29:17)
• 40多个漂亮的网页表单设计实例_6 (2009/11/18 19:29:16)
• 40多个漂亮的网页表单设计实例_5 (2009/11/18 19:29:15)
• 40多个漂亮的网页表单设计实例_4 (2009/11/18 19:29:15)
• 40多个漂亮的网页表单设计实例_3 (2009/11/18 19:29:14)
• 40多个漂亮的网页表单设计实例_2 (2009/11/18 19:29:13)
• 40多个漂亮的网页表单设计实例 (2009/11/18 19:29:12)
• HTML标记语言——表单_4 (2009/11/14 18:42:13)
• HTML标记语言——表单_3 (2009/11/14 18:42:13)
• HTML标记语言——表单_2 (2009/11/14 18:42:12)
• HTML标记语言——表单 (2009/11/14 18:42:12)

温馨提示


特别声明

• Phontol.com 和网页作者无关,不对网页的内容负责。
• 非本站原创内容和本站转载内容,其版权所有权属于原版权持有人所有。
• 本站转载的部分内容是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。
• 如有任何异议,请参见版权声明/免责声明部分。

 
最新热点资讯排行

• 美专利商标局将确认亚马逊1-Click专利
• 微软Outlook可连接MySpace很快支持Facebook
• 成人网专设域名.xxx提议引发争议
• 首富16年来首次非美国人中国上榜富豪全球第二
• 墨西哥人取代盖茨成首富中国内地64位富豪上榜
• 电信与清华研究下一代互联网技术
• 用户复制手机卡被骗800元
• 双全十强触屏高像素拍照手机排行榜
• 工信部科技司:IPv6是我国互联网心病
• CM域名大面积瘫痪疑顶级注册局倒闭
• 美股评论:互联网泡沫破灭十周年祭
• 谷歌将公开测试Blogger布局定制新工具
• Verizon年底将推4G服务明年发布首款LTE手机
• 三星发布首款3D电视4月率先进入中国
• 同Sprint版Verizon定制TouchPro2图赏
• 互联网正式获得诺贝尔和平奖提名





Phontol简介 | 广告服务 | 联系我们 | 招聘(月) | 合作媒体 | 意见反馈 | 使用条款 | 隐私权声明 | 版权声明 | 站点地图
欢迎您 反馈留言 批评指正
Copyright © Phontol. All rights reserved. 京ICP备07004242号