HTML5 required 属性似乎不起作用

Question

我不明白为什么 HTML5 的新 required 属性似乎不起作用，我知道我的简单代码似乎没问题。我应该怎么做才能完成这项工作？

这是我的 HTML 代码：

 <input type = "text" class = "txtPost" placeholder = "Post a question?" required>
<button class = "btnPost btnBlue">Post</button>

如果我错了，请纠正我，但是，如果我在浏览器中运行代码并单击文本框中没有任何值的按钮，它应该有一个工具提示显示该字段是必需的，不是吗？但是，无论您单击该按钮多少次，都不会发生任何事情。我对如何使用 required 属性有误解吗？

我在 google chrome Version 28.0.1500.72 中运行我的代码。

原文由 HTTP 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试将其放在表单标签中并关闭输入标签：

 <form>
  <input type = "text" class = "txtPost" placeholder = "Post a question?" required />
  <button class = "btnPost btnBlue">Post</button>
</form>

原文由 LDJ 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

确保 novalidate 属性未设置为您的表单标签

原文由 Jinu Joseph Daniel 发布，翻译遵循 CC BY-SA 3.0 许可协议