以图明志

HTML

表单的onsubmit事件与JavaScript的return

onsubmit 中返回 false 会引起取消表单提交
今天做一个表单提交验证的工作,做到其中一段时,我想提交表单时,先验证是否填写了姓名,如果没填写,右侧显示出提示信息,并取消提交,如果已填写,则正常提交。初步想法,想自己写个 js 函数,在提交按钮处用 onclick 事件,判断填写了则用js提交表单,没填写则蹦出提示信息,最后才发现原来有 onsubmit 这个属性,它写在 form 标签里。

HTML

表单input中type=text的提交问题

全面总结页面输入的问题
有时候我们希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。

HTML

HTML代码编写的一些建议

HTML的一些规范
一般要写兼容IE6,IE7和 Firefox 的网页,最省事的方法就先写适合 IE7 的样式,因为 IE7 和 Firefox 很接近,这样判断浏览器兼容的工作量就能减小到最少。尽量不要用 ID 来定义或索引样式,ID 的唯一性比较高,且用 ID 索引样式效率非常低而且兼容性的问题也比较明显。总之所有的一切都为了精简,为了效率,也为了重用。

HTML

不能忽视的HTML优化绿色规则

HTML是真正的展示“前端”
随着Web2.0技术的不断发展,Web前端的优化受到越来越多的关注,特别是JavaScript和CSS优化的讨论一直是热点,工具也相对丰富,而对HTML优化则有所忽视,最近,来自百度泛用户体验团队的工程师Miller(chenminliang)撰文强调了HTML优化的重要性和相关技巧。

HTML

IE8的兼容渲染模式X-UA-Compatible

X-UA-Compatible介绍
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。

HTML

干净优雅且富有语义的HTML的书写

使用富有语义的标签来编写干净的html代码
如果你是一个使用div标签做任何事的家伙,那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板,那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码,不仅对你自己有益,而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间。

HTML

HTML页面设计需要注意的细节问题

细节的地方也会大大地影响性能
不能少了DOCTYPE,浏览器根据你申明的DOCTYPE决定页面渲染规则,如果不声明,不同的浏览器显示效果可能不一样。CSS中尽量避免使用表达式。否则在每次页面内容改变时,浏览器都会重新计算表达式的值。一种可以替代的方法是用javascript在window.onload中动态判断并确认样式。用户端的资源我们也应该珍惜。

HTML

HTML的meta标签你都用上了吗?

HTML中meta的使用
也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
2 / 2 首页 < Prev 1 2 Next > 尾页 页码: