HTML5設置密碼可見 在HTML5中，我們可以使用input標簽的type屬性來設置密碼框，這樣輸入的內容就會被隱藏。但有時候，我們希望用戶能夠在輸入密碼時直接看到自己輸入的內容，這樣可以減輕用戶的記憶負擔。下面是一個示例代碼，用于在用戶輸入密碼時將其明文顯示出來：

<input type="password" id="password" onchange="showPassword()">
<p id="showPasswordP"></p>
<script>
function showPassword() {
var password = document.getElementById("password").value;
var showPasswordP = document.getElementById("showPasswordP");
showPasswordP.textContent = password;
}
</script>

在這段代碼中，我們首先創建了一個帶有id屬性的密碼框，以及一個用于顯示明文密碼的段落標簽。然后，我們使用JavaScript編寫了一個名為showPassword的函數，該函數會在用戶輸入密碼后被調用。在函數中，我們首先獲取密碼框的內容，然后再將其賦值到用于顯示明文密碼的段落標簽中。這樣，用戶就可以在輸入密碼時直接看到自己輸入的內容了。 需要注意的是，在實際應用中，我們不應該將用戶的密碼保存為明文，這樣會存在安全風險。如果需要將用戶的密碼明文顯示出來，建議在用戶輸入完畢后立即將其轉化為密文保存或發送給后端服務器。