在线办公时候 @某某某 然后下拉列表选择，然后高亮，hover此人还有信息是很常见的功能，我都遇到了这样的需求，别人也可能会遇到，于是整理整理，把自己的实现思路封装下，开源给需要的小伙伴。
文章关键字 ‘文本域’
gitee上撸了个类似飞书OKR输入框的@提及项目
2022年08月31日，星期三详细了解CSS :focus-within伪类及其交互应用
2018年01月21日，星期日:focus-within伪类原本设计的作用是原生表单元素focus时候，祖先<form>元素可以也有状态变化。
但是在我看来，:focus-within功能之强悍，远远不是仅仅和祖先<form>元素玩过家家这么简单。
理论上，只要页面上任意一个元素focus，通过:focus-within就能对页面上任意的元素进行样式控制…
有意思：textarea resize属性下纯CSS交互效果
2013年03月27日，星期三本文介绍的是使用纯CSS，利用textarea resize属性实现的一个交互效果，由于兼容性这个硬伤，仅供大家娱乐，仅供大家参考。
小tip:FireFox下文本框/域百分比padding bug解决
2012年11月13日，星期二我是流体布局控，经常会遇到文本框以及文本域宽度100%自适应显示的情况。对于文本框或者文本域，光标最好距离左侧边缘有一定的间距。
但是，如果只考虑文本框本身（父标签无其他特殊处理），这一套在流体环境下是行不通的，因为固定的padding数组无法让文本框永远100%自适应外部的宽度，至少非现代浏览器下是如此！
目前而言，好的解决之道是……
HTML5 placeholder实际应用经验分享及拓展
2012年02月6日，星期一
目前，现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊，因此，在前年，我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中，还是有些磕磕碰碰，在此作为经验分享下。一来加深大家与placeholder的认识，二是希望大家可以积极大胆应用一些HTML5的新特性。
然后，还要对占位符的一些应用做扩展。本文是个排得上位置的长篇，内容多而杂，不过demo啊，截图啊，实例的，代码的都很详尽，内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。
文本框/域文字提示自动显示隐藏jQuery小插件
2010年06月7日，星期一虽然这个插件很小，雕虫小技，不值一提，微不足道，黔驴技穷，甚至称不上插件，但是毕竟有时候还是很实用的，所以呢，就放出来了，让大伙儿瞧瞧。
本文内容简单，主要就是提供demo展示，一些文件的下载，一些使用的简单说明，还有就是有着浓郁的本人语言风味的废话，总之，希望能对您的学习有所帮助。
我的应用
我的应用