如何當現場

用戶類型事端我創建一個字段使用此代碼來更新申請如何當現場

<tr><td> <input type="text" value="good" onfocus="if (this.value == 'good') {this.value=''}" onblur="if(this.value == '') { this.value='good'}" name="name" maxlength="254" class="required" /></td></tr>

當現場用戶點擊，然後我們有一個清晰而空field.and如果用戶把字段爲空，我們寫回本good value.but那不是我想要的我正在尋找某種方式像Facebook中的用戶註冊表單，然後如果用戶鍵入一個charachter我們明確的價值，如果用戶保持字段爲空，我們將填寫此字段與defualt值..有人可以幫助我與這個JavaScript或jQuery？由於事先

來源

2013-02-26 HiDd3N

你可以只使用placeholder屬性爲

<tr> 
    <td> 
     <input type="text" placeholder="good" name="name" maxlength="254" class="required" /> 
    </td> 
</tr>

這說明只要用戶沒有輸入文本，但它不會改變value屬性。

JSFiddle進行測試。

來源

2013-02-26 19:09:24

是佔位符html 5或者也可以在html 4上使用 – HiDd3N 2013-02-26 19:12:35

@ HiDd3N'placeholder'僅限HTML5。 – 2013-02-26 19:33:54

試着改變你的輸入：

<tr> 
    <td> 
     <input type="text" value="good" placeholder="good" name="name" maxlength="254" class="required defaultText" /> 
    </td> 
</tr>

，並添加一些jQuery代碼：

$(document).ready(function() { 
    $(".defaultText").focus(function(srcc) { 
     if ($(this).val() == $(this)[0].placeholder) { 
      $(this).val(""); 
     } 
    }); 

    $(".defaultText").blur(function() { 
     if ($(this).val() == "") { 
      $(this).val($(this)[0].placeholder); 
     } 
    }); 

    $(".defaultText").blur();   
});

的defaultText樣式類，用於選擇HTML元素，並在元素的placeholder是定義它的默認值。

編輯：改變title爲placeholder，這樣如果佔位符屬性是不可行的，你可以使用的onkeydown事件，而不是聚焦狀態的它會隨着HTML5或兼容以前

Example from here.

來源

2013-02-26 19:10:57 RMalke

我建議使用defaultValue，而不是添加標題屬性。例如：$（this）.get（0）.defaultValue; – Mattyod 2013-02-26 19:14:59

。

來源

2013-02-26 19:12:19 Mattyod

回答

相關問題