コメント：HTML5のオートフォーカスとプレースホルダーのテキストをよく理解していると思います。 HTML5のオートフォーカス関数を使用するには、フォームフィールドにオートフォーカス属性を追加するだけです。まず、HTMLオートフォーカスとプレースホルダーテキストを使用するための次の例コードをご覧ください。興味のある友達はそれについて学ぶことができます。
まず、HTMLオートフォーカスとプレースホルダーテキストを使用するための次の例コードを見てください
<！doctype html> 2：<html>
<head>
<Title>アカウントを登録</title>
<メタcharset = "utf-8">
</head>
<body>
<form method = "post" action = "goto">
<FieldSet>
<legend>新しいユーザー登録</legend>
<ol>
<li>
<ラベル= "name">電子メール</label>
<入力型= "email">
</li>
<li>
<label for = "user"> username </label>
<入力型= "テキスト">
</li>
<li>
<label for = "nickname">表示名</label>
<入力型= "テキスト">
</li>
<li>
<ラベル= "パスワード">パスワード</label>
<入力型= "パスワード">
</li>
<li>
<label for = "confism_password">パスワードの確認</label>
<入力型= "パスワード">
</li>
</ol>
</fieldset>
</form>
</body>
</html>
オートフォーカスを使用します
HTML5のオートフォーカス関数を使用するには、フォームフィールドにオートフォーカスプロパティを追加するだけです
たとえば、ページがロードされたときにフォームの最初のフォームフィールドメールボックスにカーソルを自動的に見つけて、入力効率を向上させます。
<li>
<ラベル= "name">電子メール</label>
<input type = "email" autofocus>
</li>
複数のオートフォーカスプロパティがページに設定されている場合、ユーザーのカーソルは、オートフォーカスプロパティセットの最後のフォームフィールドにのみ配置されることに注意してください。
プレースホルダーテキストを使用します
プレースホルダーテキストの最大の使用は、フォームに正しく入力する方法をユーザーに説明することです。つまり、入力プロンプトが作成されます。プレースホルダーテキストを使用するには、入力フィールドにプレースホルダー属性を追加するだけです
以下は、プレースホルダー属性を使用した入力フォームフィールドです
<ol>
<li>
<ラベル= "name">電子メール</label>
<input type = "email" autofocus placeholder = "有効な電子メールアドレスを入力してください">
</li>
<li>
<label for = "user"> username </label>
<input type = "text" placeholder = "Enter username">
</li>
<li>
<label for = "nickname">表示名</label>
<input type = "text" placeholder = "Enter nickname">
</li>
<li>
<ラベル= "パスワード">パスワード</label>
<入力型= "Password" PlaceHolder = "PASSIRENET">
</li>
<li>
<label for = "confism_password">パスワードの確認</label>
<入力タイプ= "Password" Placeholder = "パスワードをもう一度入力">
</li>
</ol>
操作効果は次のとおりです
オートコンプリートを有効にするかどうか
AutoComplete属性はHTML5に導入されました。現在のフォームフィールドが自動的にデータで満たされているかどうかをブラウザに通知するために使用されます。一部のブラウザは、以前にユーザーが入力したデータを覚えていますが、場合によっては、特にパスワードと同様のユーザーにレコードデータを使用したくない場合があります。
オートコンプリートを閉じます
<input type = "password" autocomplete = "off" placeholder = "persaght">
自動完成を防ぐために、atuocompleteの値をオフに設定するだけです。