如何处理预先填充的文本框（带默认描述性文本的文本框）客户端？

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')) {}