GcProps 型の別名

GcProps: { autocomplete?: string | "on" | "off" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-local-prefix" | "tel-local-suffix" | "tel-extension" | "impp" | "url" | "photo"; autofocus?: boolean; defaultvalue?: string; disabled?: boolean; displayname?: string; inputmode?: "numeric" | "string"; max?: any; maxlength?: number; min?: any; minlength?: number; multiline?: boolean; multiple?: boolean; orderindex?: number; pattern?: string; placeholder?: string; readonly?: boolean; required?: boolean; spellcheck?: "true" | "false"; title?: string; type?: "text" | "date" | "time" | "month" | "week" | "number" | "tel" | "search" | "textarea" | string; validateoninput?: boolean; validationmessage?: string }

入力フィールドの追加の外観および動作プロパティ。

型宣言

  • オプション autocomplete?: string | "on" | "off" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-local-prefix" | "tel-local-suffix" | "tel-extension" | "impp" | "url" | "photo"

    Autocomplete属性を使用すると、ウェブ開発者は入力欄にどの種類の情報が期待されているかをブラウザーに示唆するのと同様に、ユーザーエージェントがフォーム入力欄の値を埋めるための自動支援を提供する必要があることを指定します。メモ:このプロパティの動作は、ブラウザの実装によって異なります。
    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete を参照します。
    https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill を参照します。

  • オプション autofocus?: boolean

    フォームフィラーダイアログがアクティブになったとき、またはページがロードしたときに、フィールドが自動的にフォーカスを取得するかどうかを示します。

  • オプション defaultvalue?: string

    デフォルト値。

  • オプション disabled?: boolean

    フィールドが無効されたかどうかを示します。

  • オプション displayname?: string

    displaynameプロパティを使用して、フォームフィラーダイアログボックスにフィールドラベルとしてテキストを指定します。フォームフィラーダイアログボックスにのみ適用されます。

  • オプション inputmode?: "numeric" | "string"

    推奨される(または必須の)パスワード構文規則が標準キーボードではなく代替テキスト入力インターフェースに適している場合は、inputmode属性を使用して特定のキーボードを要求できます。 最も明白な使用例は、パスワードを数字(PINなど)にする必要がある場合です。 たとえば、仮想キーボードを備えたモバイルデバイスでは、フルキーボードの代わりにテンキーレイアウトに切り替えて、パスワードの入力を簡単にすることができます。

  • オプション max?: any

    入力に受け入れる最大値。日付や数字の入力に適用できます。

  • オプション maxlength?: number

    入力に受け入れる最大文字数。

  • オプション min?: any

    入力に受け入れる最小値。日付や数字の入力に適用できます。

  • オプション minlength?: number

    入力に受け入れる最小文字数。

  • オプション multiline?: boolean

    このプロパティをtrueに設定して、複数行のテキスト入力要素を使用します。

  • オプション multiple?: boolean

    ブールプロパティ。ユーザーが複数の電子メールアドレスのリストをコンマと空白文字(オプション)で区切って入力できることを示します。

  • オプション orderindex?: number
  • オプション pattern?: string

    patternプロパティは、フィールド値がチェックされる正規表現を指定します。

    サンプル

    pattern for email validation: "\S+@\S+\.\S+"
  • オプション placeholder?: string

    値が空の場合、入力またはtextarea要素のプレースホルダーテキストを表します。

  • オプション readonly?: boolean

    フィールドが読み取り専用かどうかを示します。

  • オプション required?: boolean

    入力フィールドに入力する必要があることを指定します。

  • オプション spellcheck?: "true" | "false"

    spellcheckプロパティは、要素のスペルミスをチェックできるかどうかを定義する列挙体属性です。メモ:一部のブラウザベンダーによるサポートが制限されることがあります。
    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text#spellcheck を参照します。

  • オプション title?: string

    titleプロパティを使用して、ほとんどのブラウザがツールチップとして表示するテキストを指定します。

  • オプション type?: "text" | "date" | "time" | "month" | "week" | "number" | "tel" | "search" | "textarea" | string

    入力タイプ属性の状態。
    他の入力タイプに対して https://html.spec.whatwg.org/ の「4.10.5 The input element」セクション。

  • オプション validateoninput?: boolean

    trueに設定すると、ユーザー入力中に検証を実行するかを示します。そうでない場合、入力検証はblurイベントで実行されます。

  • オプション validationmessage?: string

    コントロールが満たさない検証制約(存在する場合)を説明するローカライズしたメッセージを表します。