HTML5 创建隐藏文本的字段，但可以复制/粘贴

Question

我想在我的 HTML5 应用程序中添加一个字段，我可以在其中写入密码，保存后，密码将被 **** 屏蔽。这样和客户一起访问页面时，他看不到密码，但我需要能够复制它。因此，用于复制它的“显示 PW”按钮将不起作用。

有办法吗？遗憾的是我没有找到任何东西。

Answer 1

你可以做的是在按钮上做一个onclick函数

<!-- The text field -->
<!- The value passed is for just testing user will enter the password -->
<input type="password" value="Hello World" id="myInput">

<!-- The button used to copy the text -->
<button onclick="myFunction()">Copy text</button>

MyFunction() 将是

function myFunction() {
  /* Get the text field */
  var copyText = document.getElementById("myInput");

  /* Select the text field */
  copyText.select();
  copyText.setSelectionRange(0, 99999); /*For mobile devices*/

  /* Copy the text inside the text field */
  document.execCommand("copy");

  /* Alert the copied text */
  alert("Copied the text: " + copyText.value);
}

引用:https://www.w3schools.com/howto/howto_js_copy_clipboard.asp

希望对你有帮助。