文章关键字 ‘form’

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

2023年09月12日,星期二

封面图 form reset

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

阅读全文…

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

2023年02月8日,星期三

键盘输入封面图

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

阅读全文…

告别pointer-events:none使用HTML inert属性真正禁用

2022年10月20日,星期四

点击,鼠标,手形,封面

Web领域终于出了个针对任意元素,且是真正意义上彻底禁用的属性了。

阅读全文…

2022年新出了哪些form表单新特性?

2022年10月16日,星期日

form新特性占位图

我以为我摸透了form表单的所有家底 ,殊不知又从哪里冒出了一波新属性新方法,学,我继续学,我学还不行嘛。

阅读全文…

聊聊:autofill和autocomplete自动填充

2022年09月19日,星期一

表单填充示意

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

阅读全文…

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

2021年03月31日,星期三

空中钓鱼-占位图

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

阅读全文…

water.css项目简介

2021年02月13日,星期六

water.css占位图

介绍一个CSS项目,5.9K Star的CSS项目Water.css,适用于简单页面的美化,对于经常需要做演示页面的开发者会很有用。

阅读全文…

HTML enterkeyhint设置iOS/Android键盘enter键

2020年10月11日,星期日

enterkeyhint封面占位图

介绍一个实用的HTML属性enterkeyhint,可以让iOS和Android手机键盘出现时候的enter键显示出你需要的文案或者图标,从而从细节上提高用户体验,有demo有截图,希望本文内容可以对你的工作和学习有所帮助。

阅读全文…

实现a元素href URL链接自动刷新或新窗口打开

2019年10月13日,星期日

新窗口智能打开占位图

有个前端都必须知道的体验增强小技能,就是优化新窗口打开的交互体验,已经打开的页面直接刷新,不在重复开选项卡标签页,如何实现呢?其实很简单,并不需要JS的参与,HTML本身特性就可以实现这样的需求。

阅读全文…

checkValidity等form原生JS验证方法和属性详细介绍

2019年08月18日,星期日

本文介绍form表单元素内置3个验证方法和1个属性,3个方法分别是checkValidity(), reportValidity(), setCustomValidity()方法,1个属性是validity属性。不了解的小伙伴可以进来了解一下。

阅读全文…