怎樣才能使<input>將 *** 顯示為純文本
[英]How can one make <input> to show *** instead as plain text
問題描述
我希望id=demo (/document.getElementById("demo").innerHTML)的值myInput3像****一樣輸出。
當前行為以純文本形式顯示myInput3的值。
即如果我在myInput3 中輸入abcd1234 ，我想在id=demo 中看到********
<script> function myFunction() { var x = document.getElementById("myInput").value + ' ' + document.getElementById("myInput2").value + ' ' + document.getElementById("myInput3").value; document.getElementById("myInput3").value; document.getElementById("demo").innerHTML = "Your details are: " + x; } </script> <p>Write something in the text field to trigger a function.</p> <div>Name:</div> <div><input type="text" id="myInput" oninput="myFunction()"></div> <div>Username:</div> <div><input type="text" id="myInput2" oninput="myFunction()"></div> <div>Password:</div> <div><input type="password" id="myInput3" oninput="myFunction()"><div> <p id="demo"></p>
2 個解決方案
解決方案1
0 已采納 2020-02-12 02:58:58
您可以使用repeat()將字符 ( * ) repeat()到密碼字段中的字符長度：
var pass = document.getElementById("myInput3").value.trim();
pass = '*'.repeat(pass.length);
<script> function myFunction() { var pass = document.getElementById("myInput3").value.trim(); pass = '*'.repeat(pass.length); var x = document.getElementById("myInput").value + ' ' + document.getElementById("myInput2").value + ' ' + pass; document.getElementById("myInput3").value; document.getElementById("demo").innerHTML = "Your details are: " + x; } </script> <p>Write something in the text field to trigger a function.</p> <div>Name:</div> <div><input type="text" id="myInput" oninput="myFunction()"></div> <div>Username:</div> <div><input type="text" id="myInput2" oninput="myFunction()"></div> <div>Password:</div> <div><input type="password" id="myInput3" oninput="myFunction()"><div> <p id="demo"></p>
解決方案2
0 2020-02-12 03:04:15
您可以使用正則表達式替換密碼中的所有字符，如下所示：
<!DOCTYPE html>
<html>
<body>
<script>
function myFunction() {
var x = document.getElementById("myInput").value + ' ' +
document.getElementById("myInput2").value + ' ' +
document.getElementById("myInput3").value.replace(/[\S]/g, "*")
document.getElementById("demo").innerHTML = "Your details are: " + x;
}
</script>
<p>Write something in the text field to trigger a function.</p>
<div>Name:</div> <div><input type="text" id="myInput" oninput="myFunction()"></div>
<div>Username:</div> <div><input type="text" id="myInput2" oninput="myFunction()"></div>
<div>Password:</div> <div><input type="password" id="myInput3" oninput="myFunction()"><div>
<p id="demo"></p>
</body>
</html>
function myFunction() { var x = document.getElementById("myInput").value + ' ' + document.getElementById("myInput2").value + ' ' + document.getElementById("myInput3").value.replace(/[\\S]/g, "*") document.getElementById("myInput3").value; document.getElementById("demo").innerHTML = "Your details are: " + x; }
<!DOCTYPE html> <html> <body> <p>Write something in the text field to trigger a function.</p> <div>Name:</div> <div><input type="text" id="myInput" oninput="myFunction()"></div> <div>Username:</div> <div><input type="text" id="myInput2" oninput="myFunction()"></div> <div>Password:</div> <div><input type="password" id="myInput3" oninput="myFunction()"><div> <p id="demo"></p> </body> </html>
如何將變量傳遞給一個函數到另一個函數，並以純文本形式調用函數並以angular js形式以純文本形式顯示值
[英]how to pass the varible into one function to another function and call the fuction in plain text and show the value in the plain text in angular js
如何使FormPanel中的數據顯示為文本而不是輸入框？
[英]How can I make the data in a FormPanel display as text instead of in input boxes?
如何使node.js的hbs模塊以HTML而不是純文本格式檢索信息？
[英]How to make the hbs module of node.js retrieve info in HTML instead of plain text?
如何創建一個函數，將#aporte 與人數一起分配，但不使用輸入類型編號，而是使用輸入類型文本？
[英]How can I make a function that distributes the #aporte with the number of people but not using input type number, instead using input type text?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.