オートコンプリートを使用してテキスト ボックスのキャッシュとプロンプトを完成させます


序文

最近の開発では、テキスト ボックスの入力の問題に遭遇しましたが、ユーザーは履歴とプロンプトをキャッシュしたいとも考えています。
最終的には、autocomplete 属性を使用することで解決されました。


1. オートコンプリートとは何ですか?

オートコンプリートとは、ユーザーがテキスト ボックスに最初の数文字または漢字を入力すると、コントロールがユーザーに、データが保存されているテキストまたはデータベースからこれらの文字で始まるすべてのデータを表示し、ユーザーが選択できるようにすることを意味します。利便性を提供します。

autocomplete 属性の属性値:

価値 説明する
の上 デフォルト。オートコンプリートが有効であることを指定します。ブラウザーは、ユーザーが以前に入力した内容に基づいて値を自動補完します。
オフ オートコンプリートを無効にするように指定します。ユーザーは、フィールドを使用するたびに各フィールドに値を入力する必要があります。ブラウザは入力をオートコンプリートしません。

2. ステップを使用する

通常の入力コンポーネントで、nameautocomplete="on" を追加すると、
ブラウザは name の値に従って対応するデータを照合するため、同じデータ キャッシュが必要であり、同じname値を使用する必要があります
。例:

<input name="XXX" autocomplete="on" ></input>

要約する

お客様から好評をいただきました!
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/YIGE_MO/article/details/128813175