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

Posted 2023-04-18

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

【英文标题】：Input textbox in html form working fine on Firefox not working on Chrome and Safari

【发布时间】：2014-06-18 21:30:07

【问题描述】：

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

【参考方案1】：

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

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

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

【讨论】：

我试过了，但无法输入文字。它没有响应。表单中的所有其他元素都有效。整个表单在 jsfiddle 中运行良好。 Chrome 版本 34.0.1847.116 Ubuntu 14.04 光环