必需属性在 Firefox 上不起作用

Question

我在 HTML 中尝试了input标签的required属性。 当用户输入空值时，浏览器应弹出警告Please fills out this field 。

它在 Chrome 浏览器中运行良好，但是当我使用 Firefox（版本 53.0）时，弹出窗口似乎立即消失了。 这是我的测试代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Testing</title>
    </head>
    <body>
        <form>
            <input type="text" required />
            <button type="submit">Submit</button>
        </form>
    </body>
</html>

你知道如何解决吗？ 如果不能修复，你能解释一下为什么 Firefox 这样做吗？

更新 1：它适用于 Windows 上的 Firefox。 但它仍然不适用于 Ubuntu (16.04) 上的 Firefox。

Answer 1

我让你的代码在 Firefox (53.0.2) 中成功运行，但你能试试这个：

<!DOCTYPE html>
<html>
    <head>
        <title>Testing</title>
    </head>
    <body>
        <form>
            <input type="text" name="somename" required>
            <button type="submit">Submit</button>
        </form>
    </body>
</html>

我做了两个改变：

在 HTML 中，标签没有结束标签，但在 XHTML 中。
由于一些可能的依赖关系，添加 name 属性。

必需属性在 Firefox 上不起作用

问题描述

1 个解决方案

解决方案1
-1 2017-05-09 11:15:13

必需属性在 Firefox 上不起作用

问题描述

1 个解决方案

解决方案1 -1 2017-05-09 11:15:13

解决方案1
-1 2017-05-09 11:15:13