input标签密码和文本格式切换

306 阅读1分钟

输入框内的文字,文本和密码切换效果

Snipaste_2022-03-24_21-03-24.png

Snipaste_2022-03-24_21-04-16.png

点击上面“变”按钮,让input框内的加密形式的文字变成文本形式。 代码如下 添加html框架不用多说,想动态先静态 添加一个input框和button按钮

Snipaste_2022-03-24_21-09-24.png 做操作

Snipaste_2022-03-24_21-09-59.png 三元表达方式 先给给按钮添加事件 Snipaste_2022-03-24_21-11-05.png if方式做出同样效果

Snipaste_2022-03-24_21-18-54.png

写一种方式即可取得想要的效果 我写了两种方式。 这样就做出来可以随意切换加密形式和文本形式。