前端开发中一些常用技巧总结（2）
作者：gollum 发布时间：2010-07-18 13:13:00
标签：前端开发,技巧
7、空div在IE(FF中没有)是有默认高度的，可以用定义：
div { witdh:100％; background:#9c0; ling-height:0}
的方式去掉默认高度；
8、在使用table标签时应该尽可能的利用它本身的属性，最大限度的分离结构与样式.详细解读: http://mrthink.net/csshtml-colgroup-col-style/ ；
9、充分利用表单中label标签提升用户体验；这一点对于页面中那些小的选项框,以及对残障人士阅读网站都有好处，细节是用户体验的第一步；
10、fieldset，legend标签，鲜为人知，却很实用的一组标签；它可以很明了的把一组元素框起来，主要用于表单；
11、optgroup标签，鲜为人知，它对提升选择表单用户体验很有帮助。作用？ 就是可以在有很多选项时，对这些选项分组：
<select id="selectId">
<optgroup label="GROUP ONE">
<option value="1">one select</option>
<option value="2">two select</option>
</optgroup>
<optgroup label="GROUP TWO">
<option value="3">three select</option>
<option value="4">four select</option>
</optgroup>
</select>
效果演示：
运行代码框
12、表单都要加name值，name值是一个标示，不同于id，据我所发现,若是未定义name值，非IE浏览器下是无法通过document.formid获取到表单元素的。请看如下代码及注释：
<html>
<head>
<script>
window.onload=function(){
alert(document.mrform.length); //所有浏览器均会弹出表单元素长度
alert(document.thinkform.length); //仅IE会弹出该表单元素长度
}
</script>
</head>
<body>
<form name="mrform" id="thinkform" action="#">
......
</form>
</body>
</html>
0
投稿猜你喜欢
作者的blog ：http://www.planabc.net/老甘的《完全用CSS实现的中英文双语导航菜单》一文中使用“position:- 今天一个同事报告一个问题，表都不能使用了,检查了一下，发现问题 db2 => select * from testACTNO ACTK
- 最近自己很关注文档的撰写，包括如何制作PPT。因为发现自己在表达想法和观点的时候，从自己的语言到文字都异常的欠缺。常常需要“高人”帮忙翻译。
- 以前看到 andy的关于“Quiet Structure”觉的很不错，于是今天到她的个人站点上逛逛，发现不少好的文章，今天介绍的是
- JS在firefox中的兼容性问题,自己也经常遇到.此文是网上资料,不过时间较久不记得原址了...1. document.form.item
- 前言 绝大多数的Oracle数据库性能问题都是由于数据库设计不合理造成的，只有少部分问题根植于Database Buffer、Share P
- ERROR 2003:Can't connect to MySQL server on 'localhost' (1
- 很多现代的浏览器在地址栏的右边有个搜索框，默认的安装有 Google 搜索等。如下图所示：其实这是 OpenSearch 的一个应用，只要编
- 我对定格动画非常喜爱，也曾经在大学毕业时期制作过一部个人定格动画MV.恰当给CDC博客写文之机，给大家介绍下定格动画，分享下这门独特的拍摄艺
- SQL Server服务器的配置选项属于那种人们了解较少且经常误用的选项。当一个技术支持人员要求你按照某种方式调整一个选项、而另一个技术支持
- Web应用的发展，使得客户端存储使用得也越来越多，而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案是Cookie，但是作为真正
- 前言21世纪是信息的世纪，综合国力的竞争在很大程度上是信息的竞争，更是信息利用率的竞争。近年来，随着“数字地球”和“数字国土”战略的提出和实
- 本文将介绍在InterDev中实现网上商店购物车功能的方法，具体步骤如下：一、 数据库结构：产品数据表(Products): 存放产品信息产
- 描述event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。eve
- flash param参数和属性下列标记属性和参数描述了由“发布”命令创建的 HTML 代码。在编写自己的用于显示 Flash 内容的 HT
- <!--这是一个主页文件--><html><head><meta http-equiv="
- 简介 函数式编程语言在学术领域已经存在相当长一段时间了，但是从历史上看，它们没有丰富的工具和库可供使用。随着 .NET 平台上的
- 春节休息了几天，今天上班第一天，最近混twitter混得比较多，经常要压缩URL，以前做了个书签用http://is.gd/压缩，后来发现了
- (注：在看到大家如此关注JS里头的这几个对象，我试着把原文再修改一下，力求能再详细的阐明个中意义 2007-05-21）在提到上述的概念之前
- 如何制作一个分页程序？确实，翻页程序可以相互借鉴，但具体到每一需求，还是有较大差别的。代码入下，供参考：<％language=&quo
