2
/6
在test.html文件内，使用input标签创建一个输入框，用于测试。
3
/6
在test.html文件内，设置input标签的id属性为ttwo。
4
/6
在test.html文件内，创建script标签，用于编写js代码。
5
/6
在js标签内，通过id获得input对象，使用type属性，将input的text类型改变button按钮类型。
6
/6
在浏览器打开test.html文件，查看结果。
方法/步骤首先我们来做一个html页面，来模拟这个密码框，这个图标找的不好，就用小箭头代替小眼睛了。
那么怎么实现点击小眼睛显示明文密码呢？小编的思路是改变input的type类型，默认是password类型，点击小眼睛变为text类型，反之亦然。
一般的思路就是这样，但是ie8会出现错误，提示type类型不可以改变，这该怎么办呢？
这时候我们可以换个思路，既然改变不了他type类型，那么不妨改变这个input框，在点击小眼睛的时候换掉input不就行了吗？再点击的时候再换回来，记得保存input的value值。
还有一种方法也可以，直接写两个input框，一个text类型，一个password类型，点击小眼睛的时候显示不同的输入框就行了，也是记得保存value值。
