HTML5の新しい（ish）
autocomplete属性は、MicrosoftのInternet Explorerで非公式のHTML機能として導入され、数によって採用されました。他のブラウザの そのため、その正確な動作は標準化されていませんでしたが、長い間、幅広いサポートがありました。 HTML5では、autocomplete属性は仕様の公式な部分です。,
オートコンプリート対リスト&<datalist>
autocomplete属性は、ユーザー履歴に基づいて、ブラウザーにオートコンプリートを試みるように求めます。 これは、ユーザーが他のwebサイトの同様の入力フィールドにタイプを持つ可能性が高いもの、名前や電子メールアドレスなどの個人情報に役立ちます。 autocomplete機能は、サイト固有のオートコンプリートオプションのリストをブラウザに提供できません。, サイト固有の候補を使用してオートコンプリート動作を行うには、list属性を<datalist>要素とともに使用します。
意図的に”壊れた”
すべての主要なブラウザは、特定のタイプの入力フィールドのautocomplete="off"値を無視します。 Internet ExplorerとEdgeはすべてのpasswordフィールドに対してそれを無視します。 Firefoxを無視しい分野にログインです。 Chromeを無視していただければいつでも、ユーザーが選出されるようにブラウザに記憶している. サファリを無視しいユーザー名、メール、パスワードを設定します。, autocomplete="off"値を無視すると、ユーザビリティが向上し、ユーザーがオートコンプリートの動作をより詳細に制御できるようになります。 UXデザイナーとして、彼らのリードに従い、autocomplete="off"控えめに使用する必要があります。 通常の形式では、autocompleteを禁止することが本当に理にかなっているユースケースはほとんどありません。 一部の複雑なアプリをう意入力が最も標準的な形態がありうる理由は見当たらない。,
オートコンプリートとname
ブラウザは、入力フィールドが求めている情報のタイプを把握するためにname属性を使用します。 したがって、nameに標準の意味のある値を使用します。, アドレスを求めている場合は、次のような名前を使用します。
address-1address-2citystateまたはprovincezipまたはpostal-code
それは、ブラウザがオートコンプリートの提案を提供するのが難しくなり、ブラウザが間違った入力に間違った値を埋めようとする可能性があるため、巧妙なまたは奇妙な特定の名前を使用しないでください。, (たいのブラウザを記入しお電話の番号をzipコードす。 それは悪い命名のせいでした。)
オートコンプリート属性の値
| 値名 | Notes |
|---|---|
| off | オートコンプリートをオフにします。 |
| on | オートコンプリートをオンにします。, |
入力要素のすべての属性
| 属性名 | 値 | ノート | |
|---|---|---|---|
| ステップ | -ベースの入力。 | ||
| required | 入力フィールドが必須であることを指定します。 | ||
| placeholder | テキストベースの入力のプレースホルダーテキストを指定します。, | ||
| pattern | 入力の値を検証する正規表現を指定します。 | ||
| 複数 | ユーザーは、ファイルのアップロードまたは電子メール入力に複数の値を入力することができます。 | ||
| min | 数値と日付の入力フィールドの最小値を指定します。 | ||
| max | 数値と日付の入力フィールドの最大値を指定します。, | ||
| list | <datalist>入力フィールドのオートコンプリート候補のリストを提供する要素のidを指定します。 | ||
| 高さ | イメージ入力の高さを指定します。 | ||
| formtarget | フォーム送信後にサーバーからの応答を開くブラウジングコンテキストを指定します。 “Submit”または”image”の入力タイプでのみ使用できます。, | ||
| formmethod | フォームデータがサーバーに送信されるときに使用されるHTTPメソッド(GETまたはPOST)を指定します。 “Submit”または”image”の入力タイプでのみ使用できます。 | ||
| formenctype | フォームデータをサーバーに送信する方法を指定します。 入力タイプ”submit”および”image”でのみ使用できます。 | ||
| formaction | フォーム送信のURLを指定します。 Type=”submit”およびtype=”image”にのみ使用できます。 | ||
| form | 入力フィールドが属するフォームを指定します。, | ||
| オートフォーカス | 入力フィールドがページの読み込み時にすぐにフォーカスを合わせるように指定します。 | ||
| accesskey | 要素のキーボードショートカットを定義します。 | ||
| オートコンプリート | off on |
ブラウザが同様のフィールドへのユーザー入力に基づいて入力を自動的に完了するかどうかを指定します。 | |
| ボーダー | は、入力のボーダーを指定するために使用されました。 廃止予定です。 代わりにCSSを使用します。, | ||
| checked | チェックボックスまたはラジオボタンフォーム入力をデフォルトでチェックするかどうかを指定します。 | ||
| 無効 | 入力フィールドを無効にします。 | ||
| maxlength | テキストタイプ入力に入力できる最大文字数を指定します。 | ||
| 言語 | は、入力によってトリガーされるイベントに使用されるスクリプト言語を示すために使用されました。 | ||
| name | 入力要素の名前を指定します。, 各input要素の名前と値は、フォームが送信されるときにHTTP要求に含まれます。 | ||
| size | 入力の幅を文字単位で指定します。 | ||
| src | 画像入力のソースURLを定義します。tr> | ||
| タイプ | button checkbox file hidden image password radio reset submit text |
入力タイプを定義します。 | |
| value | 入力フィールドの初期値またはデフォルト選択を定義します。, |
コメントを残す