Insert Form Element: Input Box

Options
Box TypeSelect the type of input box to place in your form. Options are:
  • Text Box - The most common type of form input allowing visitors to enter strings of text
  • Password Box - Similar to a Text Box, but each character entered is hidden, and replaced on-screen by a series of "*" characters
  • Hidden Value - Allows you to create an input field that is not displayed on screen to visitors. This is useful to pass hidden values along with visible form data when the final form is submitted
  • File Upload - Similar to a Text Box, but with the addition of a "Browse..." button, allowing a local file to be selected for submission along with the rest of the form
    Box Examples
    Text BoxPassword BoxFile Upload
  • Name of BoxAn internal name for the input box. This name can then be used to access the input box through scripting
    Default Box ContentsAllows you to specify the default text string present in the box when the page loads, or the form is reset. Note: For security, default values cannot be set for "File Upload" boxes
    Max. Length of BoxControls the maximum number of characters visitors can enter into the box. For example, if you require visitors to enter a numeric day of the month (1-31), you can set the max length to "2" meaning they cannot enter more than 2 characters into the box
    Read OnlyThis setting prevents visitors modifying the contents of the box. They can, however, still select and copy text within the box
    DisabledThis setting prevents visitors from modifying contents of the box. The box content also appears "greyed out". Some browsers also prevent text from being selected in disabled boxes
    Read Only / Disabled Examples
    Read OnlyDisabled
    AutoCompleteMany modern browsers have an "AutoComplete" feature which attempts to fill in form fields for you, based upon previous form entries you've made. Disabling AutoComplete for your box will prevent this from happening, and require a visitor to enter fresh information into the box each time. This is particularly useful to disable for boxes containing sensitive data, such as those designed for password/credit card input
    EventsAttach scripted "events" which trigger upon certain user actions/events - Read More about Events
    Style ClassAttach a previously defined Style Class to your input boxes to further customize their appearance
    StylesThe "Styles" button allows you to further customize the appearance of input boxes

    Next Topic: Insert Form Element: Text Area >