html 表单中的输入文本框在 Firefox 上正常工作 在 Chrome 和 Safari 上不工作

Question

我的网站上有一个提交表单，它在 Firefox 上运行良好，但在 Chrome 和 Safari 上不运行。输入文本框是唯一有问题的元素，所有其他元素都可以在每个浏览器中正常工作。有人对此有解决方案吗？

这是文本框的代码：

<div class="form-input-half-left form-input-border">
    <div class="form-input-background opacity_2"></div>
    <input id="name" type="text" name="x_first_name" value="name *" onclick="this.value = '';"/>
    <span class="error"> <?php echo $x_first_nameErr;?></span>
    </div>

Answer 1

我尝试了你的代码here in jsfiddle 并且在 chrome 和 firefox 中都可以正常工作。我无法复制错误，但我认为你可以使用placeholder 来达到你的目的，它比onclick 工作得更好

<input id="name" type="text" name="x_first_name" placeholder="name *"/>

我可以知道问题出在哪个版本的 chrome 上吗？到底是什么问题？它没有清除文本框或其他内容？