まず、HTML5 には新しい属性 autocomplete があり、この autocomplete 属性により、ブラウザがフィールドへの入力を予測できるようになります。ユーザーがフィールドに入力を開始すると、ブラウザには、以前に入力した値に基づいてフィールドに入力するためのオプションが表示されます。
のように：
<form autocomplete=on> 名:<input type=text name=fname /><br /> 姓: <input type=text name=lname /><br /> 電子メール: <input type=email name =email autocomplete=off /><br /> <input type=submit /></form><p>このフォームに記入して送信し、ページをリロードしてオートコンプリート機能がどのように機能するかを確認してください。 </p><p>フォームのオートコンプリート機能がオンになっており、電子メール フィールドがオフになっていることに注意してください。 </p>
autocomplete=on の場合は記録されますが、autocomplete=off のメールは再度入力すると記録されません。これがHTML5のフォームのオートコンプリート機能です！
まだよくわからない場合は、w3school マニュアルにアクセスして学習を続けることができます。
オートコンプリートをオフにする方法たとえば、ユーザーがコンテンツを入力するときに、ユーザーの履歴を検索するのではなく、AJAX テクノロジを使用してデータベースから検索して一覧表示したい場合があります。
入力ボックスのオートコンプリート機能をオフにする方法は 3 つあります。
1. IEのインターネットオプションメニュー--オートコンプリートで内容を設定します。
2. フォームのオートコンプリートをオンまたはオフに設定して、オートコンプリート機能をオンまたはオフにします。
(フォーム全体の自動プロンプト機能をオフにします)
3. 入力ボックスのオートコンプリートをオンまたはオフに設定して、入力ボックスのオートコンプリート機能をオンまたはオフにします (パスワード フィールドのオートコンプリートをオフにします)。
テスト コード: (各フォームにテキストを入力して送信し、戻って自動的に完了するかどうかを確認します。送信されるまで履歴は完了できないことに注意してください。送信後はページにエラーが表示される可能性があります。しないでください。心配しないで、戻ってください。）
オートコンプリートが有効になっているフォーム<br>
<form name=form1 autocomplete=on> オートコンプリート機能で入力ボックスをオンにする <input type=text autocomplete=on ><br> オートコンプリート機能で入力ボックスをオフにする <input type=text autocomplete=off><br> <入力タイプ = 送信値 = 送信><br> </form>
オートコンプリートがオフになっているフォーム<br>
<form name=form1 autocomplete=off> オートコンプリート機能で入力ボックスをオンにする <input type=text autocomplete=on><br> オートコンプリート機能で入力ボックスをオフにする <input type=text autocomplete=off><br> <入力タイプ = 送信値 = 送信><br> </form>
提案: すべてのオートコンプリート機能をオフにするのではなく、必要に応じて一部のオートコンプリート機能を無効にするだけです。ブラウザの組み込みオートコンプリート機能が十分に強力ではないと思われる場合は、jquery プラグインを使用できます。より強力な自動プロンプト完了機能を実現します。
たとえば、Baidu 検索ボックスの自動プロンプト機能は非常に強力です。
以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。