asp.net中textbox獲得焦點后清空默認文本

 asp.net中textbox獲得焦點后清空默認文本，關鍵字搜索等提示性內容的輸入：

方法一：

    <script type="text/javascript">
     function cls() {
            var obj = document.getElementById('txtKeyword'); 
            obj.style.color = '#000';
            with (event.srcElement)
                if (value == defaultValue) value = ""
            }


    function res() {
                var obj = document.getElementById('txtKeyword');
                obj.style.color = 'Gray';
                with (event.srcElement)
                    if (value == "") value = defaultValue
        }
    </script>

 

        <asp:TextBox ID="txtKeyword" runat="server" Text="請輸入關鍵字" Style="width: 80%; color: Gray"
            CssClass="inputcss" onfocus="cls()" onblur="res()">
        </asp:TextBox>

方法二：【轉】

作用是，一個文本框，需要輸入內容，在沒有輸入的時候里面有一段提示內容，當點擊這個文本框輸入的時候，文本框內的內容自動消失。挺簡單的一個功能，但是沒有想到實現起來還是很麻煩的，在網上找了一段代碼，貼上來以備后用。

給文本框添加觸發事件onfocus和onblur，調用函數處理。完整代碼：

<script>
function cls(){
    with(event.srcElement) //捕獲觸發事件的對象，並設置為以下語句的默認對象
    if(value==defaultValue)  value="" //如果當前值為默認值，則清空
}
function res(){
    with(event.srcElement) //捕獲觸發事件的對象，並設置為以下語句的默認對象
    if(value=="")  value=defaultValue //如果當前值為空，則重置為默認值
}
</script>
<input value="填寫您的昵稱" onfocus="cls()" onblur="res()" />
　　注意：本例的方法對大部分表單控件都有效，比如多行文本框。

　　特別提示：運行完整代碼，在鼠標第一次單擊文本框時該文本框內容將被清空，在文本框外單擊時文本框內容將還原回默認值。如果改變了文本框的值，將不再有任何變化。

============================================================================================

或【比較喜歡這個，簡單實用】

<input type="text" id="text" name="text" value="默認顯示文字" onfocus="if(value == defaultValue){value='';this.style.color='#000'}" onblur="if(!value){value = defaultValue;this.style.color='#999'}" style="width:200px;color:#999999;" />