HTML表单验证在IE11中不起作用

Question

对于大学，我们需要创建一个网站。 我正在尝试获取一个具有验证功能的工作表作为登录表单的占位符。 由于大学计算机的限制，我无法保存/使用JavaScript。

我的问题是该表格在IE11上无法正常工作。 它只是跳过验证并重定向到“ Index.html”。 有没有办法让这个工作？

<form action="Index.html">
<label for="choose">Username</label>
<input id="choose" name="Username" pattern="[S/s]uper[U/u]ser">
<label for="choose">Password</label>
<input id="choose" name="Password" pattern="ROOT">
<button>Submit</button>
</form>

PS。 我知道代码是不安全的，可以很容易地绕过，但是正如我所说的，它只是充当工作中的占位符

Answer 1

（对于您的答案可能为时已晚，但刚发现此搜索是其他内容）

即使字段上有模式，空白字段也会被忽略。 您需要“必需”属性来进行验证检查，以查看是否已输入内容。 我还修复了您的用户名模式。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <form action="Index.html">
        <label for="username">Username</label> 
        <input required id="username"
            name="Username" 
            pattern="([Ss]uper[Uu]ser)"/> 
        <br/>
        <label for="password">Password</label> 
        <input required id="password"
            name="Password" pattern="ROOT"/>
        <br/>    
        <button type="submit">Submit</button>
    </form>
</body>