Question

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

我登陆界面的时候 我想让输入密码的地方先是用文本框提示 请输入密码 当该根本框获得焦点的时候 就清除内容 然后便为密码框 请问用JS怎么实现 我只能实现清除类容 不知道怎么让文本框变为密码框 请高人指点 谢谢

Answer 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、效果演示

Answer 2

<script>
function changeAttr($this){
$this.setAttribute("type", "password");
}
</script>
<input type="text" onfocus="changeAttr(this)"/>

Answer 3

改变iuput的 type="password"