购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.6 务必使用<meter>元素显示密码强度

<meter>元素和<progress>元素类似,都是特定场景专用的HTML元素,非常适合用来实现图3-43所示的密码强度提示效果。

图3-43 使用<meter>元素实现密码强度提示效果

无论是跟随强度的色值变化,还是弱、中、强的文字提示,都可以仅通过CSS方法实现,无须使用JavaScript代码去控制DOM元素的色值与尺寸变化。

在具体介绍如何实现之前,我们先了解一下<meter>元素的基本特性和美化技巧。 /kPhu48WfBn/XiozpMjKubBnutKK+TIdTfaS7FPnze2N2KEqXVexsu70m87Y7BRz

点击中间区域
呼出菜单
上一章
目录
下一章
×