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.i中都能正常工作。我无法复制错误，但我认为你可以使用placeholder来实现你的目的，它比onclick

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

我可能知道问题出在哪个版本的chrome上，究竟是什么问题？它不会清除文本框或其他内容吗？