輸入HTML/JS顯示密碼後，模糊/對焦

Question

我有簡單的形式至極包含密碼字段：

<input required type="password" value="Insert password" style="color:#888;" onfocus="inputFocus(this)" onblur="inputBlur(this)"> 

JS功能（點擊後明確和變色..）：

function inputFocus(input) { 
    if (input.value === input.defaultValue) { 
     input.value = ""; 
     input.style.color = "#000"; 
    } 
} 
function inputBlur(input) { 
    if (input.value === "") { 
     input.value = input.defaultValue; 
     input.style.color = "#888"; 
    } 
} 

如果我加載頁面，我希望在輸入欄中看到標準值。對於類型type="text"這不是問題，但對於type="password"我只看到點。 我想看到默認值（插入密碼），但是當用戶開始輸入密碼時，他必須看到點。

怎麼樣？

謝謝您的回覆。

Answer 1

使用佔位符屬性：

<input required type="password" placeholder="Insert password" />

Answer 2

怎麼樣的HTML5佔位？你並不需要的JavaScript這樣的：

<input required type="password" placeholder="Insert password" style="color:#888;"> 

Answer 3

答案很簡單 - 而不是使用value屬性「插入密碼」，使用placeholder。

<input type="password" placeholder="insert password"> 

http://jsfiddle.net/763bjejn/