HTML | ログインフォームのサンプルコード
ログインフォームの基本的なHTMLサンプルコードを紹介しています。
ログインフォームのサンプルコード
HTMLでログインフォームを設置する際の基本的なフォームパーツを使ったサンプルコードになります。
「IDまたはメールアドレス」と「パスワード」、「ログインボタン」を設置します。
「placeholder」属性で指定した値は、入力例や説明として表示します。
「type」属性で「password」を指定している場合、IDとパスワードの入力フォームには「autocomplete」属性はなくてもデバイスやブラウザ、アカウントに保存されたパスワードをドメイン毎で判定して候補として表示します。
<form action="" method="POST">
<p>ID、またはメールアドレス</p>
<p><input type="text" name="id_or_email" placeholder="IDまたはメールアドレス"></p>
<p>パスワード</p>
<p><input type="password" name="password" placeholder="パスワード"></p>
<p><input type="submit" value="ログイン"></p>
</form>以下は上記フォームのHTMLを実際に設置した結果になります。
スタイル・デザインは変更を加えていないため、サイトの設定が反映されています。