Html输入属性不工作

我有一个表单，其中输入类型=“email”和输入类型=“password”在提交表单时都具有必需的属性。电子邮件未经验证（它接受简单文本，例如'abcde'），尽管写入必需的属性，但这两个字段也接受空值

 <form> 

    <div>
    <input type="radio" name="role" value="tbl_staff_details" checked />Institute/Branch
      <input type="radio" name="role" value="tbl_student_details" />Student/Parent

   <div id="msg" style="color: red;margin-top: 1%"></div>

</div>
  <div class="form-group has-feedback" style="margin-top: 5%">
    <input type="email" class="form-control" placeholder="Email" id="mail" required />
    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
  </div>
  <div class="form-group has-feedback">
    <input type="password" class="form-control" placeholder="Password" id="pwd" required />
    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
  </div>
  <div class="row">
    <div class="col-xs-8">
      <div class="checkbox icheck">
        <label>
          <input type="checkbox"> Remember Me
        </label>
      </div>
    </div>
    <!-- /.col -->
    <div class="col-xs-4">
      <button type="button" class="btn btn-primary btn-block btn-flat" id="signin">Sign In</button>
    </div>
    <!-- /.col -->
  </div>

学会/分会
学生/家长
记得我吗
登录

---

您描述的检查将在提交表单时进行

您没有提交按钮

---

删除

type=“button”

（这样按钮元素使用默认的

type=“submit”

）。

要使“required”属性生效，必须有一个按钮类型“submit”，并且所有按钮都需要放在同一个“form”部分，作为我的快速检查，您错过了按钮类型“submit”，我也看不到您的Ok，看起来你有很多问题。我想猜猜你在问什么，因为不太清楚，但我确实看到你有很多问题

第一：如果你想验证一封电子邮件，你需要通过代码来验证它。浏览器不会神奇地为你做到这一点。您需要设置这些约束。使用HTML中的pattern属性可以很容易地做到这一点。看

或者，您也可以使用javascript验证内容

第二：你可能是通过一些非标准的方式提交表格。如果希望“必需”属性起作用，则需要提交表单，通常需要-

<input type="Submit">

---

我只是试着运行你的代码

<input type="email" class="form-control" placeholder="Email" id="mail" required /> 

这对我来说很好，email字段是必需的

这是代码的范例

<form>
  Username: 

  <input type="email" class="form-control" placeholder="Email" id="mail" required />

  <input type="submit">
</form>

<p><strong>Note:</strong> The required attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>

</body>
</html>

用户名：
注意：Internet Explorer 9和早期版本或Safari不支持输入标记的必需属性

---

您只需要输入submit按钮。

不确定问题是什么？您是否正在尝试确保电子邮件字段是有效的电子邮件？你的收尾标签在哪里？你的提交输入在哪里？由于没有解释的不合理的否决而被否决。