Question

我有一个简单的HTML5表单字段：

<input type="text" name="first" id="first" placeholder="first" required="required" value="">

如果提交无效（空），则消息气泡将按预期出现。但是，当我使用鼠标滚轮滚动到表单域位置并且不更改焦点时，气泡将保持固定并且不会随文档滚动。

在Chrome中，消息提示框的行为正确，并与文档一起滚动。

搜索“ html5 firefox表单验证消息位置”或类似内容不会产生任何有用的结果。

简单的HTML：

<!doctype html>
  <html>
    <head>
      <meta charset="utf-8">
      <title>HTML5 Form Test</title>
    </head>
    <body style="padding-top: 800px; padding-bottom: 200px;">
      <form style="margin: 0 auto;">
        <input type="text" name="first" id="first" placeholder="first" required="required" value="">
        <input type="submit" name="submit" value="test">
      </form>
    </body>
  </html>

Firefox HTML5表单消息气泡位置无效

0 个答案: