HTML5必需属性似乎不起作用

Question

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

这是我的HTML代码：

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

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

我在谷歌铬Version 28.0.1500.72运行我的代码。

Answer 1

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

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

Answer 2

确保未将notvalidate属性设置为表单标记

Answer 3

实际上，当我尝试这个时，它只在我为表单设置动作和方法值时起作用。有趣的是它如何工作！

Answer 4

是的，你错过了表单封装：

JSFiddle

<form>
   <input id="tbQuestion" type="text" placeholder="Post a question?" required/>
   <input id="btnSubmit" type="submit" />
</form>

Answer 5

我的答案太晚了，但它可以帮助别人。

即使我使用了表单标签，我也遇到了同样的问题。

我通过在页面标题中声明Meta Charset来解决它：

<meta charset = "UTF-8" />

Answer 6

岗位

把它放在表单标签中，方法是POST

如果使用MVC然后从您的jquery检查文本是否未填充，则返回它自动显示消息