如何處理預先填充的文本框（帶默認描述性文本的文本框）客戶端？

Question

我正在使用一個表單，並且前端開發人員在文本框內部具有默認文本。例如，郵政編碼輸入框沒有標籤，但是在框中有預先填充的文本。這裏是一個輸入的例子

<input id="place" name="place" type="text" value="(City, State or Zip Code)" 

這個特定的輸入是在搜索表單上。這個輸入和其他輸入一起通過ajax傳遞給服務器。當結果到達服務器時，有一個稱爲「place」的post變量，如果用戶未更改，則值爲「（城市，州或郵編）」。我想知道是否有可以輕鬆實現的前端解決方案，以便如果默認文本未更改（輸入中沒有內容），服務器將會將$ _post變量視爲空。我已經知道我可以檢查服務器，並看到

if $_post[place] == "(City, State or Zip Code)" 
//place is empty, omit it from the search query 

但我正在尋找更好的方法，如果有更好的方式存在。

你如何處理默認輸入文本？

謝謝！

編輯：總而言之，我正在尋找一種方法將這個和其他輸入傳遞給服務器，如果它們沒有被用戶更改，它們將顯示爲空白。我想在沒有使用前面提到的$ _post [place] ......的情況下，在服務器端執行該操作，如果可能的話，還要在客戶端執行。

Answer 1

您應該使用佔位符屬性爲：http://www.w3schools.com/html5/att_input_placeholder.asp

這將顯示佔位符值，但不會將其發送到服務器。 並且讓舊版瀏覽器正常降級爲空輸入或回退到JS（如何檢查它是否受支持：http://davidwalsh.name/html5-placeholder）。

Answer 2

您可以讓JavaScript（在瀏覽器中運行）比較當前值和默認值。如果它是默認值，那麼不要在請求中沿着該特定變量傳遞Ajax。

Answer 3

克里斯D.你的問題回答狐狸，如果你使用jQuery，你可以在data()的默認值存儲在click()，然後發送請求時，比較新的數據VS存儲的一個。
@valentinasplaceholder僅在HTML5中受支持，因此可能不是他正在尋找的內容。

$('input').click(function(){ $(this).data('default', $(this).val()); }); 

// On your request 
if ($('input').val() === $('input').data('default')) {}