Text Inputs and Textfields

This page lists text form elements.

Text fields

Standard text field:

Disabled standard text field:

Read-only standard text field:

Because most browsers don't recognise the "readonly" selector, add "readonly" as a class.
Add tabindex of -1 to skip the readonly element on tabbing.

Text field (required):

Disabled text field (required):

Text field with checkbox:

Uses class "Fcontrolind"

For the text box with the following checkbox, the control div is given the class "fcontrolind" (indented). There is therefore no need for a "flabel" div to precede it.

Sizes

Text field (wnum):

(holds 11 digits comfortably)

Disabled text field (wnum):

Number field (wnum):

(holds 9 digits comfortably)

Text field (wnums):

(holds 8 digits comfortably)

Number field (wnums):

(holds 6 digits comfortably)

Text field (wnumvs):

(holds 4 digits comfortably)

Number field (wnumvs):

(holds 2 digits comfortably)

Text field (wdate):

Uses Zebra datepicker

Disabled text field (wdate):

Uses Zebra datepicker

Text areas

Standard text area:

Required text area:

Disabled standard text area: