如何使用JavaScript在<input>內顯示「建議」？

Question

我正在建立一個註冊頁面。我想使它像SO一樣：在字段中看到文本「John Smith（可選）」，當你開始輸入時，文本消失。你如何在JavaScript中做到這一點？ （不要責怪我沒有嘗試任何東西，我是一個JS noob）

可選：注意建議是灰色的，但輸入文字變成黑色。我也喜歡這種效果。

Answer 1

Placeholder demo

<input type="text" name="email" placeholder="E-mail" /> 

如果你願意，你也可以用css

Answer 2

從HTML5 placeholder東西

除了和所有實施該附加的方式，我喜歡用JavaScript這樣的方式樣式預留位置（pre-html5）的博客文章如下：

http://kyleschaeffer.com/best-practices/input-prompt-text/

什麼使得這麼好是使用現有的title屬性，這對屏幕閱讀器（僅文本瀏覽器，文本到語音，視覺受損的ADA合規性等）具有很好的功能，如果您不使用帶明確for和id屬性匹配的標籤。

但是，在我看來，HTML5和modernizer已經完全預先要求這個功能。