如何獲得一個表單，其中輸入中的文本在點擊時消失？ （對於Feedburner的形式）

Question

我有以下形式「通過電子郵件訂閱」：

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=food101coil', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<p>enter e-mail:</p> 
<p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="food101coil" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="SEND" /></form> 

我想將組成部分裏面的「輸入電子郵件」部分移動。所以當用戶點擊它時，文字就會消失。

請問有人能幫我解決這個問題嗎？

Answer 1

<input type="text" name="email" onclick="this.value='';" value="enter e-mail" /> 

未經測試，應該可以工作！

Answer 2

下面的代碼會做你想要什麼，但也維持一旦進入電子郵件..

HTML

<input id="email" type="text" style="width:140px" name="email" value="enter e-mail"/> 

的JavaScript

<script type="text/javascript"> 
var emailfield = document.getElementById('email'); 
emailfield.onfocus = function(){ 
    if (this.value == 'enter e-mail') this.value = ''; 
} 
emailfield.onblur= function(){ 
    if (this.value == '') this.value = 'enter e-mail'; 
} 
</script> 

活生生的例子：http://www.jsfiddle.net/YS2Xm/