HTML/CSS:如何制作“密码"输入显示密码?

HTML/CSS: How to make quot;passwordquot; input show the password?(HTML/CSS:如何制作“密码输入显示密码?)
本文介绍了HTML/CSS:如何制作“密码"输入显示密码?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何使密码字段中的值可见?因此,在字段中输入密码时,它不会显示黑点,而是显示您输入的实际值.

How can you make the value in the password field visible? So, when typing your password in the field, it will not show the black dots, but the actual value that you are typing.

谢谢!

好的,那么一个更好的问题可能是:如何强制浏览器记住此密码"字段中的值并将其视为密码?

edit: Ok, so then a better question might be: How can I force the browser to remember the value in this 'password' field and treat it as a password?

推荐答案

不要让它成为密码字段,让它成为一个普通的文本框.

Don't make it a password field, make it a normal text box.

如果需要动态切换字段类型,codingforums.com上有一个HOWOTO over,还有几个 SO 问题:

If you need to switch the field type dynamically, there is a HOWOTO over on codingforums.com, and also several SO questions:

  • Javascript IE6/7/8 更改输入类型
  • 更改 <input>用 JavaScript 输入 IE
  • Javascript 动态更改输入类型在 IE8 上不起作用
  • 使用 jQuery 更改输入字段的类型

为确保浏览器保持正常行为(保存/不保存密码),您可以在提交时将其转换回密码字段.

To ensure that browsers keep their normal behavior (saving/not saving passwords) you can convert this back to a password field upon submit.

这篇关于HTML/CSS:如何制作“密码"输入显示密码?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)