Question

我在HTML中尝试了required标记的input属性。当用户输入空值时，浏览器应弹出警告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中。
添加名称属性，因为存在一些可能的依赖关系。

必需属性不适用于Firefox

1 个答案: