怎样用JS实现点击文本框变密码框？

JavaScript06

怎样用JS实现点击文本框变密码框？,第1张

文本框和密码框都是input元素，只是type属性值不一样，因此只要将type属性由text修改为password即可实现文本框变密码框。示例如下：

1、HTML结构

<input type="text" id="test" value="请输入密码" onclick="fun(this)">

2、javascript代码

function fun(obj){

obj.value = ""

obj.type = "password"

}

3、效果演示

与设置文本框默认值的方法一样，设置密码框的value属性。

//普通设置

document.getElementById("pass_ipt").value="123456"

//jquery

$("#pass_ipt").val("123456")

//要显示密码框的内容，可以将密码框改为普通文本框

document.getElementById("pass_ipt").type="text"