有没有办法在某些浏览器中放置电子邮件提示？答案

【问题标题】：Is there a way to position email hints in certain browsers?有没有办法在某些浏览器中放置电子邮件提示？
【发布时间】：2015-07-29 06:49:12
【问题描述】：

在my website 上，如果您点击“注册”，然后在电子邮件输入中输入不是电子邮件的内容（例如，简单的“asd”），然后点击“注册”（只需使用任何密码（例如'Asdasd12')) Chrome 会显示一条消息，告诉您缺少什么。 Firefox 尝试相同，但如果你做同样的事情，它会定位一个尴尬的“请输入电子邮件地址”。提示完全错误的地方。

有没有办法告诉每个浏览器放置这些电子邮件提示的最佳位置？

（注意：该网站在 IE 中已损坏，但它仍然将提示放置在正确的位置，它似乎只是 Firefox。）

Firefox:Chrome 对比图：

【问题讨论】：

请在问题本身中包含相关代码或屏幕截图。否则，一旦您修复了您的网站，该链接对于未来遇到同样问题的读者将毫无用处。
是的，我只是在编辑照片，它会在几秒钟内完成！

标签： html firefox

【解决方案1】：

鉴于您已经有了各个字段的提示，因此可能不需要额外的 HTML5 验证提示。您可以通过向表单添加 novalidate 属性来关闭它们：

<form action="..." novalidate>
</form>

我发现this issue 似乎与您的相似。在我的 Firefox 中，HTML5 验证提示的位置正确。我一直无法找到一致的跨浏览器方式来设置 HTML5 验证提示的样式。

顺便说一句，您页面上显示/隐藏表单提示的代码使用 onfocusin 和 onfocusout 事件，Firefox 不支持这些事件（请参阅the W3schools explanation）。将这些更改为 onfocus 和 onblur 将在 Firefox 以及当前正常工作的其他浏览器中适当地显示/隐藏提示。

<input class="" id="email1" oninput="Check(1)" name="email1" placeholder="Email" maxlength="128" onfocus="Show('email-hint'); Move(1);" onblur="Hide('email-hint');" type="email">

【讨论】：

干杯！非常感谢您指出 Firefox 兼容性的错误！