住所フォーム
bookmark_border bookmark
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
住所の入力には時間がかかり、面倒な作業になることがあります。
住所 2 とは何ですか?
姓がない場合でも、[姓 ] にはどのような名前を入力すればよいですか。
こうした混乱を避け、ユーザーが住所フォームに入力しやすくします。
多くのフォームでは、姓と名に 1 つのフィールドを使用しています。
姓がない人や 2 つの要素がない人もいますname フィールドには単一の <input>
を使用します。詳しくは、さまざまな名前形式の処理 をご覧ください。
注意: 名前に使用できる文字をラテン文字のみ に制限しないでください。<input>
という名前で Unicode 文字 を許可して、すべてのユーザーが名前を入力できるようにします。
また、すべての住所に番地があるわけではありません。住所には 1 つの <input>
を使用します。
注: 調査 によると、「住所 2 」はユーザーにとってわかりにくい可能性があります。住所全体に <textarea>
を使用するか、[Address line 2 ] フィールドを公開 <button>
の背後に隠すことを検討してください。
フォーム コントロールの説明には注意してください。
たとえば、米国のユーザーは「ZIP 」と言い、英国では「郵便番号 」と記載します。
<label for="zip">ZIP or postal code (optional)</label>
を使用して、ユーザーが入力するデータを確認します。郵便番号のフィールドは省略できます。すべての住所に郵便番号があるわけではありません。
ユーザーが住所を入力できるようにする
autocomplete
属性を使用すると、ユーザーが住所を再入力しやすくなります。
autocomplete="name"
autocomplete="street-address"
autocomplete="postal-code"
autocomplete="country"
注: 国には 2 つの autocomplete
値を使用できます。* country
: 国または地域コード * country-name
: 国または地域名。<select>
には autocomplete="country"
を使用します。<option>
の value
は国コードです。国名に<input>
を使用しますか?autocomplete="country-name"
を使用します。
autocomplete
に複数の値をスペースで区切って定義できます。配送先住所の入力フォームと請求先住所の入力フォームがあるとします。
請求先住所の郵便番号をブラウザに伝えるには、autocomplete="billing postal-code"
を使用します。配送先住所には、最初の値として shipping
を使用します。
enterkeyhint
属性を使用して、画面キーボードの Enter
キーのラベルを変更します。最後のフォーム コントロールには enterkeyhint="done"
を使用し、その他のフォーム コントロールには enterkeyhint="next"
を使用します。
リソース
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンス により使用許諾されます。コードサンプルは Apache 2.0 ライセンス により使用許諾されます。詳しくは、Google Developers サイトのポリシー をご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2021-11-03 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2021-11-03 UTC。"],[],[]]