你知道吗？现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了，那就是使用CSS field-sizing属性。
文章关键字 ‘表单’
CSS field-sizing属性简介
2025年10月13日，星期一研究下attachInternals方法，可让普通元素有表单特性
2025年03月23日，星期日
详细了解CSS :focus-within伪类及其交互应用
2018年01月21日，星期日:focus-within伪类原本设计的作用是原生表单元素focus时候，祖先<form>元素可以也有状态变化。
但是在我看来，:focus-within功能之强悍，远远不是仅仅和祖先<form>元素玩过家家这么简单。
理论上，只要页面上任意一个元素focus，通过:focus-within就能对页面上任意的元素进行样式控制…
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岁模样的时候，需要不举。不过，身体是同一副，诱人妹子在眼前，不是说不举就不举的……
……
直接把小弟弟咔嚓了，这样，不就举不起来了嘛！！哈哈，我好聪明！！
我的应用
我的应用