HTMLでフォームの作成2 使用できるフォームの種類

前回、HTMLの<input type="number">で数字を入力するフォームが表示されました。フォームですが、inputの横にあるtype="number"のnumberを変えると、数字を入力するフォーム以外にも様々なフォームが表示され、<input type="***">のtypeで指定できるフォームの型は下記の通りです。buttonとsubmitのボタンに表示する文字は<input type="button" value="button">、<input type="submit" value="submit">のようにvalue="***"で指定しています。
(使用しているブラウザによって、使用できないtypeがあります。Google Chromeをベースに記載しています)

これらのフォームを組み合わせて、アプリをデザインしていきましょう。