“HTML相关”目录存档

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

2022年02月4日,星期五

数字键盘截图

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

阅读全文…

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

2021年11月14日,星期日

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

最终渐变文字效果

阅读全文…

见多识广,介绍Web开发中current开头的一些API属性

2021年11月2日,星期二

封面占位图

主要介绍 currentTarget、currentScript、currentTime、currentNode 和 currentSrc 这5个属性 API,有些是 JS 对象属性,有些是 HTML 对象属性,都挺有用的。

阅读全文…

HTML slot 插槽元素深入

2021年09月24日,星期五

slot占位图

本文应该是目前最深入最细致的介绍 HTML slot 插槽元素的文章了,如果您对 Web 组件开发感兴趣,则本文内容不容错过。

阅读全文…

借助HTML ping属性实现数据上报

2021年09月14日,星期二

ping文章封面

Navigator.sendBeacon() 是浏览器提供的 JS 层面的数据上报方法,而 HTML ping 属性则是浏览器在 HTML 层面提供的 POST 数据埋点上报方法,比预想的好实用些,大家可以过来了解下,说不定就可以用起来。

阅读全文…

为什么HTML <picture>元素很少见人使用?

2021年07月26日,星期一

HTML picture元素详解

HTML <picture>元素还是很实用的,带大家了解下,顺便讲讲为什么这个HTML属性平时项目开发很少见人使用。

阅读全文…

利用废弃的html rel import实现页面include功能

2021年07月22日,星期四

HTML代码片段

太好了,HTML imports被废弃了,我可以放心使用这个语法实现HTML include功能了,从此静态页面也可以有公用头部和尾部啦。

阅读全文…

666,看hr标签实现分隔线如何玩出花

2021年05月30日,星期日

草泥马 简笔画 html hr

本文展示大量使用HTML hr标签实现的分隔线效果,语义好,效果也好,直接复制粘贴就能使用,进来看看CSS + hr标签能玩出什么花吧~

阅读全文…

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

2021年03月31日,星期三

空中钓鱼-占位图

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

阅读全文…

HTML enterkeyhint设置iOS/Android键盘enter键

2020年10月11日,星期日

enterkeyhint封面占位图

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