フォームで唐揚げ

HTML5 
  1   <!DOCTYPE html>
  2   <html>
  3   <head>
  4   <meta charset="utf-8">
  5   <title>Sample</title>
  6   </head>
  7   <body>
  8   <form method="post" action="test2.html">
  9   <p>
 10   ヒントと強制入力<input type="text" name="text1" placeholder="input me" required><br>
 11   フォーカス<input type="text" name="text2" autofocus><br>
 12   サーチ<input type="search" name="search1" ><br>
 13   自動入力<input type="text" name="auto" autocomplete="on"><br>
 14   電話番号<input type="tel" name="tel1" autocomplete="off"><br>
 15   郵便番号<input type="text" name="postcord" pattern="\d{3}-\d{4}" autocomplete="off"><br>
 16   URL<input type="url" name="url1" autocomplete="on"><br>
 17   email<input type="email" name="email1" autocomplete="off"><br>
 18   password<input type="password" name="password" autocomplete="off"><br>
 19   number<input type="number" name="number" autocomplete="off" color="red"><br>
 20   max&min<input type="e" min="-100" max="100" step="1"><br>
 21  入力リスト<input type="text" name="lists" autocomplete="on" list="karaage_brother"/><br>
 22  <input type="submit"/>
 23  </p>
 24  </form>
 25  <datalist id="karaage_brother" style="display: none;">
 26  <option>からあげくん
 27  <option>竜田棒
 28  <option>フライドチキン
 29  <option>ファミチキ
 30  </datalist>
 31  </body>
 32  </html>