预填表格字段

Question

因此，我已经使用预填表格字段（如“名字”，“电话”或“邮编”）继承了此表单，以便用户知道如何处理字段。但是，如果任何人只是按下按钮，表单将传递“名字”，“电话”或“邮编”到数据库中。在onFocus中似乎没有工作。有任何想法吗？

<input type="" maxlength="25" name="firstname" tabindex="6" id="firstname" class="textfield" value="First Name" onFocus="if (this.value == 'First Name') {this.value = '';}"> 

由于提前， -Bob

Answer 1

正如其他人所建议的，使用placeholder属性来设置字段的'标签'。另外，如果您已经使用jQuery来简化您的Javascript，那么您可以使用像this one这样的插件，它将为非HTML兼容浏览器添加对占位符属性的支持。

这些插件通常还会处理在表单提交给服务器之前从字段中删除占位符文本的关键步骤，该服务器应将空值发送到服务器而不是占位符文本。

Answer 2

首先它是不好的做法，标签应该是标签，放在前场，他们正在标记。不在里面。

Name: [________] 
=== NOT === 
[Name____] 

就像在纸上的形式。

如果您必须在框中有文本，请使用placeholder属性。但请注意，只有最新的浏览器支持它。

至于解决提交默认值的问题，只需检查您要输入数据库的值是否为默认值，如果是，则阻止它。

Answer 3

除了什么Kolnik说，你可以做的是有使用类似的默认值文本输入一个简单的验证：

if (input.value == input.defaultValue || /^\s*$/.test(input.value)) { 
    // field value isn't valid 
} 

检查，如果该值仍然是默认，为空或空白。但请记住，客户端验证是完全不可靠的，所以在服务器上进行真正的验证。