Question

我有一个文本框和一个内部带有'required'属性的清单，当我按下按钮转到下一页而不填写两个输入时，它们不会验证它们是否已填满。

<form id="form" method="" action="">
   <input type="text" name="dressPrice" id="price" class="control" onkeypress="return numberFilter(event)" dir="rtl" onpaste="return false" required />
   <input type="checkbox" id="cbox1" required /><label class="tac-label"> I accept the <a href="terms-and-conditions.html" class="tac-link">terms and conditions.</a>

   <a href="buy-step-02.html" class="btn is-small" type="submit">Search</a>
</form>

最奇怪的是，我有另一个带有表单的HTML页面，而那里的输入上的'required'属性工作得很好。任何人都知道为什么会这样？

我认为这不是兼容性问题。

Answer 1

使用input a。还缺少</label>

<form id="form" method="" action="buy-step-02.html">
   <input type="text" name="dressPrice" id="price" class="control" onkeypress="return numberFilter(event)" dir="rtl" onpaste="return false" required />
   <input type="checkbox" id="cbox1" required /><label class="tac-label"> I accept the <a href="terms-and-conditions.html" class="tac-link">terms and conditions.</a>
</label>
   <input  class="btn is-small" type="submit" value="Submit"/>
</form>

HTML输入'required'即使在表单中也不起作用

1 个答案: