遇到一个需求,需要使用文本框完成密码输入的效果,一开始用了keyup等方法,都不太理想,后来发现使用CSS即可实现,代码如下
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.password {
-webkit-text-security: disc !important;
}
</style>
</head>
<body>
<textarea class="password" cols="30" rows="10"></textarea>
</body>
</html>
效果如下
注意:此方法不兼容IE