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

表单中缺少 Submit 字段元素也会导致此错误。对于由 JS 处理提交表单的“按钮”字段缺乏提交按钮的必要性，因此必需不起作用

Answer 4

只要在按钮上添加了type="submit"就可以了。

 <form action="">
    <input type="text" placeholder="name" required>
    <button type="submit">Submit</button>
</form>