Question

我目前正在为占位符尝试此操作：

<input name="username" id="register_username"
                onfocus="if(this.value==defaultValue) {this.value='';}"
                onblur="if(this.value=='') {this.value=defaultValue}"
                value="Username" />

效果很好！ :)是跨浏览器兼容的。

我的问题是这个......我读到这些默认值可能会影响您的表单验证。例如：如果您没有填写输入，它将通过验证输入的输入，即使它包含默认值（因此实际上没有填写）。

我知道的另一个选项是占位符=＆＃34; ＆＃34;，这不是跨浏览器兼容......嘘:(但是否则完全按照我想要的方式工作！

我的另一个选择是什么？或者我可以编写我的第一个javascript方式来按预期通过验证吗？（我知道我可以在我的PHP表单流程页面中使用＆＃34; If＆＃34;语句...说＆＃34;如果输入值等于＆＃39;这里的默认值＆＃39; ...不要通过验证＆＃34; ...但我觉得这很长，有许多输入和可能的错误空间......寻找更智能的解决方案......如果可能的话！）

编辑：我最近在某处读到过您可以设置输入背景图像，点击并填写后它会消失，类似于我提供的代码中的值。这是一个获得我想要的结果的好方法吗？

输入占位符...跨浏览器兼容和正确的表单验证

0 个答案: