js怎么修改input的type属性ie不出错

 时间:2026-04-30 16:16:14

1、首先我们来做一个html页面,来模拟这个密码框,这个图标找的不好,就用小箭头代替小眼睛了。

js怎么修改input的type属性ie不出错

js怎么修改input的type属性ie不出错

2、那么怎么实现点击小眼睛显示明文密码呢?小编的思路是改变input的type类型,默认是password类型,点击小眼睛变为text类型,反之亦然。

js怎么修改input的type属性ie不出错

js怎么修改input的type属性ie不出错

3、一般的思路就是这样,但是ie8会出现错误,提示type类型不可以改变,这该怎么办呢?

js怎么修改input的type属性ie不出错

4、这时候我们可以换个思路,既然改变不了他type类型,那么不妨改变这个input框,在点击小眼睛的时候换掉input不就行了吗?再点击的时候再换回来,记得保存input的value值。

js怎么修改input的type属性ie不出错

5、还有一种方法也可以,直接写两个input框,一个text类型,一个password类型,点击小眼睛的时候显示不同的输入框就行了,也是记得保存value值。

js怎么修改input的type属性ie不出错

  • 日常故障排查-weblogic篇
  • Windows Server 2012 R2如何设置审核策略更改
  • 如何使用DbVisualizer增加数据库表说明
  • 清理数据库日志文件(2008版本)
  • 报表控件FineReport中如何进行地图钻取与联动
  • 热门搜索
    引体向上怎么做 总结用英语怎么说 empty怎么读 结婚纪念日怎么过 怎么扎丸子头 员工工资怎么计算 呕吐怎么办 电子报刊怎么做 东坡肉怎么做 芝麻酱怎么调