我尝试了 HTML 中 input 标记的 required 属性。当用户输入空值时，浏览器应弹出警告请填写此字段。
它在 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 上运行。
最佳答案
我已经让您的代码在 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 中。
- 由于某些可能的依赖关系，添加名称属性。
关于javascript - 必需的属性在 Firefox 上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43868163/