js实现点击显示和隐藏密码功能

新建一个html文件，定名为test.html ，用于实现点击显示和埋没暗码功能。

在test.html页面，建立一个form表单，给form表单一个name属性，用于下面获得form表单对象。

在form表单中，建立一个input暗码输入框，而且界说它的name属性为password。同时建立一个a链接“显示暗码”。两个元素都利用span标签包抄，而且给span标签设置id属性，用于下面在该id下更改元素显示内容。

在a标签中利用javascript，设置当点击"显示暗码"时，执行ps()函数，实现显示暗码的功能。

在ps()函数内，利用DOM对象方式实现当点击“显示暗码”时，把暗码输入框的password类型改为text类型，而且把获得的暗码显示在输入框里。同时，把“显示暗码”改为"埋没暗码"，执行的函数也改为txt()函数。代码如下：

编写txt()函数。txt()函数本家儿如果实现与ps()函数相反的功能，实现显示暗码后，再次埋没暗码。代码如下：

在浏览器运行test.html文件，输入暗码，例如：123456，点击“显示暗码”，现点击“埋没暗码”，看是否实现了显示和埋没暗码功能。

0 条评论