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

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

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


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


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

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

 
最新热点资讯排行

• 盛大百度挤入电子书市场
• 美国提出10年内基本普及百兆宽带互联网蓝图
• .com域名诞生25周年:每月新增66.8万个
• 宏达电向Verizon提供CDMA版NexusOne
• 植入CMMB芯片个人电脑预计6月在重庆上市
• TD-SCDMA网络让“无线城市”梦想成真
• ipone和android手机或遭重病毒
• 光速WiFi三年内可商用
• 操盘指南:3月16日大陆内存走势报告
• 苹果升级Safari浏览器增加一系列安全补丁
• 微软Excel补丁出错导致英文界面变中文
• 微软将为Symbian测试版提供银光软件
• 诺基亚:Symbian3操作系统拥有多点触控功能
• 欧盟12项行动保障物联网发展
• 三网融合取得新突破CMMB探索与PC终端融合
• ICANN掌门贝克斯托姆煽动性言论遭谴责





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