禁用表单自动完成功能
给表单加入autocomplete属性就能关闭其自动完成的功能，如：
分类：HTML/CSS
共 133 篇Readonly和Disabled的区别
Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，我在实践中得到了一些规律，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，但是submit button却是可以使用的)。 一般比较常用的情况是：…
HTA的简单应用
HTA是HTML Application的缩写(HTML应用程序)，是软件开发的新概念，直接将HTML保存成HTA的格式，就是一个独立的应用软件，它通过mshta.exe来执行，与VB、C++等程序语言所设计的软件没什么差别。 一个简单的HTA例子 一个简单的HTA例子 p {font-size:24;cursor:hand} Hello world! 把上面的代码复制到任意文本编辑器中，然后保存为*.hta，直接双击就可以看到效果啦! HTA属性 从例子可以看出来，HTA与普通的网页结构差不多，它对语法的要求比HTML还要松，甚至连、等标记都可以省略，所以设计出来很容易。当然HTA还有许多自己独特的属性，通过这些属性我们可以设置HTA应用程序的外观：…
简单form标准化实例——语义结构
blankzheng的blog：http://www.planabc.net/ 1、使用fieldset和legend标签 在form中，我们经常会对form中的信息进行分组，比如注册form，我们可能会将注册信息分组成基本信息（一般为必填），详细信息（一般为可选），那我们如何更好的来实现呢？我们可考虑在form中加入下面两个标签： fieldset：对表单进行分组，一个表单可以有多个fieldset legend：说明每组的内容描述 fieldset默认是带边框的，而legend默认一般显示在左上角。但在某些场合或许不愿意让fieldset和legend的默认样式或默认布局影响设计方案中的美观。…
XML动态菜单
大家都喜欢XML，因为它省事，我平时做东西也尽可能的用XML，因为实在是日后更新修改太方便了，都不用动fla源文件。 本XML系列教程将分三部分发布，到最后一期我们将拥有一个功能全面，更加友好的XML菜单。本教程这个第一期涉及到了一些XML的基础知识。 这里我们要做的效果是一个纵向排列的动态XML的菜单，并且当鼠标滑动到菜单上显示相应的缩略图，这个我们在很多摄影作品展示flash网站经常见到的。在线展示：http://www.keyframe1.com/tute/xmlMenu/ 第一步， 分析项目： 组成部分： - XML文件； - FLASH源文件； - 缩略图JPG文件，50px X 50px 存放在 thumb文件夹；…
采用DIV+CSS布局的好处
1、简介：为何使用表格排版是不明智的？ 表格之所以存在于 HTML 中，只是为了一个目的：显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止，表格仍然主导着视觉丰富的网站的设计方式，但它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法。 2、概览：这对我有什么用处？ 我们将告诉你这样一种工作方式，它会： 使你的页面载入得更快 降低你的流量费用 让你在修改设计时更有效率而代价更低 帮助你的整个站点保持视觉的一致性 让你的站点可以更好地被搜索引擎找到 使你的站点对浏览者和浏览器更具亲和力 在世界上越来越多人采用 Web 标准时，它还能 提高你的职场竞争实力 (事实上也就是降低失业的风险)。…
应用Div+CSS网页布局，Table表格是不是完全舍弃？！
关于DIV和TABLE表格的使用疑问有不少人在网上进行过激烈的争论,这里我想整理一下我的思路!阐明我的观点。 关于表格 使用WEB标准之后,并不是说完全排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐, 之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,大家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格,比如公司员工联系表,产品与型号对应表等. 那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的优势.…
实践DIV＋CSS网页布局入门指南
你在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对 应的什么CSS语句。当你解决了第一种问题，知道了如何结构化你的HTML，我再给出一个列表，详细列出原来的表现属性用什么CSS来代替。 结构化HTML 我们在刚学习网页制作时，总是先考虑怎么设计，考虑那些图片、字体、颜色、以及布局方案。然后我们用Photoshop或者Fireworks画出来、切割成小图。最后再通过编辑HTML将所有设计还原表现在页面上。…
给自己的网站制作一个favicon.ico图标
ico图标是网站的头像，在打开网站的时候出现在IE的地址栏里，目前大多数浏览器都支持，最常用的IE6.0则显示加入本地收藏夹网站的ICO图像。 绝大多数网站可以没有ICO头像，但如果做为一个一流的网站，没有ICO头像是很难令人信服的，就好象一个人穿了一身正装但却没有打领结一样冒失。 一、ICO图标制作 其实制作ICO图标很简单，主要是很少软件支持ICO格式，网上下载的可以转ICO格式的软件全是收费的，没有一个可以完全免费使用的，下面的方法可以不用花钱一样可以做成自己的ICO图标。 1、先用画图软件最好是FireWorks做一个16*16的图标，存为gif格式； 2、到这个网站转化为ico文件：http://www.chami.com/html-kit/services/…
提高你的DHTML性能
资料来源：MSDN msdn.microsoft.com/library/en-us/dnwebgen/html/dhtmlperf.asp?frame=true www.microsoft.com/china/msdn/msdnonline/features/articles/dhtmlperf.asp 1.尽量使用同一个脚本函数来改变HTML内容。如果有多个事件触发，尽量只改变同一个地方。 2.尽量把内容集中起来一次更新。如果不是特别需要有HTML的内容，尽量使用innerText代替innerHTML Slow: Fast: 3.更新文本内容时尽量使用innerText而不是DOM的createTextNode…