新入社員ここでは、IT系企業の新入社員向けにHTMLを解説しています。デザイナーになるほどHTMLに詳しくなくてもいいけれど、Webアプリを作る上で必要な入力画面は自力で作りたい、あなたのためのページです。前回は、「用途別のフォーム部品でさらに入力しやすく」する方法を学びました。今回は、HTML5でさらに便利になったフォーム部品について学びましょう。いろいろな入力部品ここでは、最後に色々なフォーム部品を紹介してこの連載を終えます。これらのタグはHTML5から追加されたタグなので一部のブラウザでは表示されないことがあります。パスワード入力フォーム<アウトプット>入力した文字が見えなくなっています。name="example">「@」を入力しないとメッセージが表示されます。/>検索テキストの入力欄<アウトプット>入力した文字列を一度に消去できます。/>ただし、ユーザーが入力済みの文字列と間違えることがあります。するよりも、とした方が間違いは少なくなります。/></form><input>にrequired属性を加えることで入力必須項目にできます。入力せずに「送信」ボタンを押すとメッセージを表示します。value="送信"></form>入力補完を行うには、以下の3ステップが必要です。1.<input>のautocomplete属性を”on”にします2.list属性と<datalist>のid属性を同じものにします3.<datalist>内の<option>のvalue属性に設定された属性値が選択肢になります以上、今回は「さまざまなフォーム部品」について学びました。次回は、「メニューを作る」ということでかっこいいメニューを作りましょう。確認画面は表示されません。上記内容にて送信しますので、よろしければチェックを入れてください。