HTML5必需属性似乎无法正常工作

我无法弄清楚为什么HTML5的新必需属性似乎不起作用,我知道我的简单代码似乎没问题.我应该怎么做才能使这项工作？

这是我的HTML代码：

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

纠正我,如果我错了,但是,如果我在浏览器中运行代码并单击文本框中没有任何值的按钮,它应该有一个工具提示显示该字段是必需的,不应该吗？但无论你点击按钮多少次都没有任何反应.我是否误解了如何使用所需的属性？

我在谷歌浏览器版本28.0.1500.72中运行我的代码.

解决方法

尝试将其放在表单标记内并关闭输入标记：

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