配合meter元素，纯CSS也能实现3色状态带强中弱提示的密码强度效果，有基础有深入，本文可以学到的东西挺多。
文章关键字 ‘label’
密码强度效果最佳实现一定是HTML meter元素
2021年11月14日，星期日突发奇想，同步单复选框checked态岂不点击通杀？
2020年11月26日，星期四
CSS :focus伪类JS focus事件提高网站键盘可访问性
2017年04月23日，星期日所谓“键盘可访问性”，指的是用户只使用键盘访问网站的能力。例如，我们的iMac鼠标没电了，或者鼠标坏了，或者在智能电视中访问我们的网站，此时就只能依赖于键盘访问了。
我们只要平时注意HTML语义化，例如按钮不要使用<span>，<div>等标签，不要重置outline，基本上键盘可访问性就已经及格了。
若想再进一步提供，就需要看看本文的内容了……
HTML input type=file文件选择表单元素二三事
2015年11月24日，星期二本文一些简单tips整理，没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实，因此，本文的一些内容说不定可以博闻强识下。有截图有源代码展示，没demo，嘻嘻……
小tip:CSS计数器+伪类实现数值动态计算与呈现
2014年12月7日，星期日内容如题，重在展示，以及开拓眼界，拓宽思路。与通常该调调的文章类似，有demo，有源代码展示，还有必要的截图。总之，希望本文的内容能够对您的学习有所帮助。
HTML5 placeholder实际应用经验分享及拓展
2012年02月6日，星期一
目前，现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊，因此，在前年，我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中，还是有些磕磕碰碰，在此作为经验分享下。一来加深大家与placeholder的认识，二是希望大家可以积极大胆应用一些HTML5的新特性。
然后，还要对占位符的一些应用做扩展。本文是个排得上位置的长篇，内容多而杂，不过demo啊，截图啊，实例的，代码的都很详尽，内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。
CSS radio/checkbox单复选框元素显隐技术
2012年01月6日，星期五我们使用CSS一些特殊的选择器，然后配合单选框以及复选框自带的一些特性，可以实现元素的显示隐藏效果。然后通过一些简单的扩展，我们可以不使用任何JavaScript代码实现类似：自定义的单复选框，“更多”展开与收起效果，选项卡切换效果，或是多级下拉列表效果等等。
本文将通过列举几个简单示例对这一技术做简单介绍。同样的，有demo，有截图，有源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
说说HTML5中label标签的可访问性问题
2011年07月28日，星期四一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域，这对于提高页面的可访问性是很有帮助的。但是，具体的些情况是如何的呢？本文就将比较巷子地介绍下label标签在HTML5中的可访问性，以及目前的一些支持情况，发展等。
一贯优良传统，有demo页面，有源代码展示，有截图。总之，希望本文的内容能够对您学习有所帮助。
我的应用
我的应用