文章关键字 ‘input’

Tips:form元素reset后input不触发change事件处理

2023年09月12日,星期二

封面图 form reset

坚持探索Web标准下的原生浏览器开发行为,行为驱动和数据驱动的表单开发其实各有千秋,深入HTML,你会发现这个世界比你所知的要精彩的多。

阅读全文…

奇了怪了,输入法和JS Enter回车提交冲突

2023年02月8日,星期三

键盘输入封面图

遇到了个奇怪的bug,以前一直都没遇到过,怎么回事?仔细研究后发现事情并不简单。

阅读全文…

CSS ::file-selector-button伪元素简介

2022年10月12日,星期三

下雨 景色 封面图 占位

妈妈再也不用担心我的input=file文件选择选择框长得太丑了!

阅读全文…

聊聊:autofill和autocomplete自动填充

2022年09月19日,星期一

表单填充示意

不知道大家有没有遇到autocomplete off无效,或者需要重置浏览器表单自动填充样式的需求,本文就将带大家聊聊背后相关的知识。

阅读全文…

HTML inputmode与iOS Android软键盘类型测试

2022年02月4日,星期五

数字键盘截图

验证码输入框使用 inputmode 属性是毋庸置疑的最佳实践,原因和分析见本文具体内容。

阅读全文…

密码强度效果最佳实现一定是HTML meter元素

2021年11月14日,星期日

配合meter元素,纯CSS也能实现3色状态带强中弱提示的密码强度效果,有基础有深入,本文可以学到的东西挺多。

最终渐变文字效果

阅读全文…

不使用file类型input也能触发文件上传

2021年08月22日,星期日

文件夹图片

介绍全新的File System Access API,也就是文件系统访问API,可以无需专门的 HTML 文件选择控件,纯 JS 代码就可以触发本地文件的选择,支持文件类型的指定,有demo,有代码示意,可以进来了解下。

阅读全文…

分享下input time输入框的细节知识

2021年03月31日,星期三

空中钓鱼-占位图

最近与type=”time”输入框打了不少交道,学到了不少细节知识,关于UI,关于时间格式,以及step/min/max属性,和大家分享下。

阅读全文…

CSS改变插入光标颜色caret-color简介及其它变色方法

2018年01月28日,星期日

有这样一个需求,改变输入光标的颜色,同时不改变输入框文字原本的颜色,在以前,如果产品经理提这样的需求,多半都会被开发一板子打过去。而如今,实际上已经有了天然针对此需求的属性caret-color。同时本文还会介绍其他一些改变光标颜色不改变文字颜色方法。希望本文能够对你的学习有所帮助。

阅读全文…

HTML input type=file文件选择表单元素二三事

2015年11月24日,星期二

本文一些简单tips整理,没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实,因此,本文的一些内容说不定可以博闻强识下。有截图有源代码展示,没demo,嘻嘻……

阅读全文…