我的输入字段必填选项不起作用答案

【问题标题】：My input field required option is not working我的输入字段必填选项不起作用
【发布时间】：2021-05-27 18:02:46
【问题描述】：

当我点击提交按钮时，我的输入字段上的必填选项不显示。

这是一个需要提交按钮的网页，但我需要在单击第一个按钮时弹出该选项。

<div class="container">
  <img src="pay.png">
  <div class="txt">
    <input type="text" name="" placeholder="Email address or mobile number" required="required">
  </div>
  <div class="nxt">
    <input type="submit" value="Next" name="">
  </div>
  <div class="or">or</div>
  <div class="sign_up">
    <input type="submit" value="Sign Up" name="">
  </div>
  <select>
    <option>United States</option>
    <option>Uniited Kingdom</option>
    <option>Canada</option>
    <option>Ghana</option>
    <option>Liberia</option>
    <option>South Africa</option>
  </select>
</div>
<div class="links">`
  <nav>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Privacy</a></li>
      <li><a href="#">Legal</a></li>
      <li><a href="#">Wordwide</a></li>
    </ul>
  </nav>

【问题讨论】：

您的表单元素在表单标签内吗？

标签： html css input form-submit required

【解决方案1】：

您必须将逻辑输入值包装在表单中，以确保所需属性具有任何效果。假设第一个输入和下一个按钮是同一流程的一部分，使用这样的东西（我只是添加表单标签）：

 <form>
...
  <input type="text" name="" placeholder="Email address or mobile number" required="required">
...
        <input type="submit" value="Next" name="">
...
      </form>

【讨论】：

【解决方案2】：

'required'，仅在表单提交时有效。

【讨论】：