当带有 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/
最佳答案
我的结论是 HTML5 验证还不成熟。我们应该使用其他东西。
Here是一个 Chromium 问题,其中指出我们无法设置错误消息的样式。
关于HTML 表单验证弹出窗口在 Chrome 和 IE 中不可读,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38855020/