<meter>元素和<progress>元素类似,都是特定场景专用的HTML元素,非常适合用来实现图3-43所示的密码强度提示效果。
图3-43 使用<meter>元素实现密码强度提示效果
无论是跟随强度的色值变化,还是弱、中、强的文字提示,都可以仅通过CSS方法实现,无须使用JavaScript代码去控制DOM元素的色值与尺寸变化。
在具体介绍如何实现之前,我们先了解一下<meter>元素的基本特性和美化技巧。 /kPhu48WfBn/XiozpMjKubBnutKK+TIdTfaS7FPnze2N2KEqXVexsu70m87Y7BRz