Type Alias: GcProps

GcProps: object

Additional appearance and behavior properties for the input field.

Type declaration

autocomplete?

optional 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"

The autocomplete attribute lets web developers specify what if any permission the user agent has to provide automated assistance in filling out form field values, as well as guidance to the browser as to the type of information expected in the field. Note, the behavior of this property depends on the browser implementation.
See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
See https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill

autofocus?

optional autofocus: boolean

Indicates whether a field should automatically get focus when the Form filler dialog is activated or when the page loads.

defaultvalue?

optional defaultvalue: string

The default value.

disabled?

optional disabled: boolean

Indicates whether a field is disabled, or not.

displayname?

optional displayname: string

Use the displayname property to specify the text that will appear as a field label in the Form Filler dialog box. Applicable only for the Form Filler dialog box.

inputmode?

optional inputmode: "numeric" | "string"

If your recommended (or required) password syntax rules would benefit from an alternate text entry interface than the standard keyboard, you can use the inputmode property to request a specific one. The most obvious use case for this is if the password is required to be numeric (such as a PIN). Mobile devices with virtual keyboards, for example, may opt to switch to a numeric keypad layout instead of a full keyboard, to make entering the password easier.

max?

optional max: any

The maximum value to accept for the input. Applicable for date or number input.

maxlength?

optional maxlength: number

The maximum number of characters the input should accept.

min?

optional min: any

The minimum value to accept for the input. Applicable for date or number input.

minlength?

optional minlength: number

The minimum number of characters long the input can be and still be considered valid.

multiline?

optional multiline: boolean

Set this property to true if you want to use multiline text input element.

multiple?

optional multiple: boolean

A boolean property which, if present, indicates that the user can enter a list of multiple e-mail addresses, separated by commas and, optionally, whitespace characters.

orderindex?

optional orderindex: number

pattern?

optional pattern: string

The pattern property specifies a regular expression that the field value is checked against.

Example

pattern for email validation: "\S+@\S+\.\S+"

placeholder?

optional placeholder: string

Represents the placeholder text in an input or textarea element when value is empty.

readonly?

optional readonly: boolean

Indicates whether the field is read-only, or not.

required?

optional required: boolean

When present, it specifies that an input field must be filled.

spellcheck?

optional spellcheck: "true" | "false"

The spellcheck property is an enumerated attribute defines whether the element may be checked for spelling errors Note that the spellcheck property may have limited support by some browser vendors.
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text#spellcheck

title?

optional title: string

Use the title property to specify text that most browsers will display as a tooltip.

type?

optional type: "text" | "date" | "time" | "month" | "week" | "number" | "tel" | "search" | "textarea" | string

State of the input type attribute.
See https://html.spec.whatwg.org/ section "4.10.5 The input element" for other input types.

validateoninput?

optional validateoninput: boolean

True indicates whether validation should be performed immediately during user input, otherwise input validation will be performed on blur event.

validationmessage?

optional validationmessage: string

Representing a localized message that describes the validation constraints that the control does not satisfy (if any).