HTML 表单验证弹出窗口在 Chrome 和 IE 中不可读

Question

当带有 HTML 验证的输入位于浏览器窗口底部时，HTML 表单验证弹出窗口将出现在浏览器窗口的“外部”，即无法阅读。

弹出窗口在 Firefox 中运行良好，但在 Chromium 51.0 或 IE10 或 IE11 中无法读取。

这仅仅是浏览器错误，还是我有可能影响它？

这是当我不输入有效电子邮件地址时导致问题的 HTML:

<form>
  When you type something into the field below that is NOT an email address and click "Submit" the HTML5 validation popup will appear outside the window in Chrome.
  <div class="right-bottom">
    <input type="email" placeholder="email" required="true" />
    <input type="submit" value="Submit" />
  </div>
</form>

我创建了一个 fiddle 来显示问题:https://jsfiddle.net/gy8vhLz9/2/

Answer 1

我的结论是 HTML5 验证还不成熟。我们应该使用其他东西。

Here是一个 Chromium 问题，其中指出我们无法设置错误消息的样式。