Google chrome html格式的输入文本框在Firefox上工作正常,而在Chrome和Safari上则不工作

Google chrome html格式的输入文本框在Firefox上工作正常,而在Chrome和Safari上则不工作,google-chrome,safari,mozilla,forms,textinput,Google Chrome,Safari,Mozilla,Forms,Textinput,我在我的网站上有一个提交表单,它与Firefox配合得很好,但不适用于Chrome和Safari。输入文本框是唯一有问题的元素,所有其他元素在每个浏览器中都可以正常工作。有人能解决这个问题吗 以下是文本框的代码: <div class="form-input-half-left form-input-border"> <div class="form-input-background opacity_2"></div> <input id

我在我的网站上有一个提交表单,它与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>

我尝试了你的代码,在chrome和firefox中都运行良好。我无法复制错误,但我认为你可以使用
占位符
,它比
onclick

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


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

我尝试过,但无法输入文本。它没有反应。表单中的所有其他元素都起作用。整个表单在JSFIDLE中运行良好。Chrome版本34.0.1847.116 Ubuntu 14.04 aura