:focus-within伪类原本设计的作用是原生表单元素focus时候，祖先<form>元素可以也有状态变化。
但是在我看来，:focus-within功能之强悍，远远不是仅仅和祖先<form>元素玩过家家这么简单。
理论上，只要页面上任意一个元素focus，通过:focus-within就能对页面上任意的元素进行样式控制…
文章关键字 ‘表单’
详细了解CSS :focus-within伪类及其交互应用
2018年01月21日，星期日HTML可访问性fieldset,legend元素及CSS布局应用
2016年11月12日，星期六本文主要介绍平时用的不多的，尤其现在的小伙伴很少关注的fieldset和legend元素，从可访问性以及CSS布局这块展示这两个元素的作用，价值以及应用场景。希望本文的内容能够对您的学习有所帮助。
小tip: CSS动态实现文本框清除按钮的隐藏与显示
2014年03月28日，星期五search类型搜索框，设计师常常会设计一个叉叉图标，表示用户点之久可以清除输入的内容。
这是不错的体验！
当前现代浏览器中，Chrome浏览器下type=search的输入框会有清除按钮的动态呈现，不过搜索input框尺寸不太好控制(padding无视)；FireFox浏览器貌似任何类型的输入框都无动于衷；IE10+浏览器貌似任何输入框都会出现清除按钮，但是长得略微粗糙了点，设计师同学接受不了。
貌似不和谐了，咋办？传授个新技能，借助HTML以及CSS，来模拟清除按钮可动态呈现的搜索框……
源代码、demo页面、截图一个不少，希望本文的内容能够对您的学习有所帮助。
伪元素表单控件默认样式重置与自定义大全
2013年06月7日，星期五所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式，我光demo就有17个之多，截图30+之多，本文虽参考之作，自己条条亲自验证设置。虽目前价值并未凸显，但是，过段时间，可能就是宝了。
表单序列化、规则分离下的复杂表单计算
2013年01月31日，星期四
折腾了一个jquery-calculate.js方法，干嘛用的呢。哈哈，如题，表单计算用的，可复用的、计算规则分离的表单计算应用。你是知道的，文章有标题图片的都是大作，或者我觉得很靠谱的，显然，本文就是。本文两个demo，N多必要的源代码展示于讲解，还有一些调节气氛的吐槽，月末将至，新年将到，希望本文的内容能够给你带来开心与喜气。
jQuery html5Validate基于HTML5表单验证插件
2012年12月20日，星期四
html5Validate是我今年折腾的比较靠谱的jQuery插件，基于W3C HTML5规范的表单验证规则编写的一款向下兼容的jQuery表单验证插件，着眼于未来以及大局，抓住了时代发展脉搏，有足够的生命力与潜力。在实际项目中也经过了一定的历练，自我觉得是挺OK的。
本文比较长，说得也比较详细，有很多demo，很多截图以及很多关键代码示意，相信会您的工作与学习有所帮助的。
残忍：IE10↘IE7-IE9 type=email的完全抛弃
2012年12月13日，星期四有个顽童名叫IE, 其9岁的时候，不举；10岁的时候，可以举。这位叫做IE的顽童，跟纲手婆婆一样，可以向下控制年龄显示，7岁到9岁都可以。但是，为了不让人看穿其真实年龄，当其7~9岁模样的时候，需要不举。不过，身体是同一副，诱人妹子在眼前，不是说不举就不举的……
……
直接把小弟弟咔嚓了，这样，不就举不起来了嘛！！哈哈，我好聪明！！
HTML5 number类型文本框step属性的验证机制
2012年12月7日，星期五最近花了不少功夫折腾表单验证的些东西，主要是把HTML5的些东西向下兼容。本文是引子，相关基本内容之一。内容如标题所示，还有有点内容的，了解下没有什么坏处。外甥点灯笼——照旧，demo页面，丰富的截图以及必要的源代码展示。总之，希望本文的内容能够让您在末日之前学习到一点新的东西。
翻译：关于表单每个设计师都必须知道的10件事
2012年04月11日，星期三估计没有什么比表单更让设计师出气了。表单不一定可以让（设计师）表现创意，还是可以？我们可能需要从做基本的层面，重新审视表单，理解表单——表单是用户和软件之间的对话。
忘掉切换啊，点击什么的，表单是我们数字设计师（我想应该是依赖计算机进行设计的设计人员）将面临的最富有的交互。下一次，你要对付一个表单的时候，不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。
我已经做过上百个表单用户测试，为保险公司、假期预订交互设计过一些非常复杂的表单，以及其他很多。可能你最近使用的某个表单就是我设计的……
我的应用
我的应用