從文本輸入清除（和恢復）默認值

Question

我有一個文本框，其中有初始值寫入，我希望該框被清除，當它被點擊（活動）。

例如：點擊從用戶

Answer 1

您可以用JavaScript看看onclick事件做輸入一個值時 //想它是清楚的。這裏一個小例子：

<input type="text" onclick="this.value='';" /> 

Answer 2

只寫

<input type='text' name='myText' onFocus='this.value="";'/> 

更新：
如果你想值回來，如果不輸入任何

<input type="text" onfocus="if(this.value=='Search') this.value='';" onblur="if(this.value=='') this.value='Search';" value="Search" /> 

Answer 3

無論是上述解決方案都非常好的在線活動是不是在這種情況下很好的解決方案。您需要的是使用HTML5 placeholder屬性以及一些Javascript，爲不支持它的瀏覽器添加對它的支持。您的HTML將如下所示：

<input type="text" placeholder="Search" id="search" /> 

這將與當前版本的Safari和Chrome一起使用。對於其他瀏覽器，您可以使用此Javascript：

// Creates a new element and check if it has the 'placeholder' property 
// If it does not, then we know that the browser does not support HTML5 placeholder 
if(typeof document.createElement('input').placeholder === 'undefined'){ 
    // Find the input element with the id "search" and get the 'placeholder' attribute 
    var input = document.getElementById('search'), 
     p = input.getAttribute('placeholder'); 

    // Give it the placeholder value 
    input.value = p; 

    // Clear input on focus, then add the placeholder text 
    // back in if there's nothing there after the user changes edits the box 
    input.onfocus = function(){ 
     if(this.value === p) this.value = ''; 
    } 
    input.onblur = function(){ 
     if(!this.value) this.value = p; 
    } 
} 

你可以看到這個在這裏一個簡單的演示：http://jsfiddle.net/RT8Bf/