<html>
  <head>
    <meta charset="utf-8" />
    <title>Forms</title>
    <meta name="viewport" content="minimum-scale=1,width=device-width" />
  </head>
  <body>
    <form id="form1">
      <input type="text" id="user1" value="foo" />
      <input type="password" id="pass1" value="foo" />
      <input type="email" id="email1" value="@" />
      <input type="number" id="number1" value="0" />
      <input type="tel" id="tel1" value="0" />
      <input type="submit" value="submit" />
    </form>
    <input type="Text" id="user2" value="foo" />
    <input type="PassWord" id="pass2" maxlength="8" value="foo" />
    <input type="button" id="button1" value="foo" />
    <input type="checkbox" id="checkbox1" />
    <input type="search" id="search1" />
    <input type="url" id="url1" />
    <input type="hidden" id="hidden1" value="foo" />

    <iframe id="iframe"></iframe>
  </body>
  <script>
    addEventListener("load", function (e) {
      if (window.parent === window) {
        document.getElementById("iframe").contentWindow.location.href =
          window.location.href;
      }
    });
  </script>
</html>
