Single-Line Text Input Field

From Wiki openElement
Jump to: navigation, search
Path: Elements / Form / Single-Line Text Input Field

Contents

Description

This element creates a single-line input field for a form in which website visitors can type text.

Example: (Preset Traffic_tb)

Form texte2.png

Add a Single-Line Text Input Field Element

Drag-and-Drop the element Single-Line Text Input Field from the elements menu anywhere on the page.

Configuration

Configure via the editing pane.

Form texte multi4.png: Select validation rules.

Other Properties

These are the properties specific to the Single-Line Text Input Field. These properties can be configured from the elements and styles menu -> Properties.

Form texte6.png

Common

  • Filter by Language: Choose whether or not to display the element depending on the language the page is in.
  • Tooltip: Add a tooltip on an element.
  • Name: Give the element an easily identifiable name.
  • Resizing: Change how the element is able to be resized.
    • Auto: The element adapts to the size of its content in height and width.
    • Height Only: The element can only be resized height-wise.
    • Width Only: The element can only be resized width-wise.
    • Height and Width: Element can be resized in height and width to a fixed size of your choice.


Behavior

  • Autocomplete: (HTML5) Enable or disable automatic form completion by the browser, based on user's past input in fields with the same attribute name.
  • Length of Text: Maximum number of characters (including spaces) allowed when entering text in the field. A value of 0 allows unlimited characters.
  • Read-Only: Defines the checkbox as read-only (cannot be checked or unchecked by website visitors).
  • Type: Type of field (text or password)
  • Validation Rules: Configure the validation rules for the form element.


Edit

  • Input Value: Pre-filled text in the input field.


Expert

  • Attribute Name: Users can manually assign the name for this form field element that will appear in the HTML. This name must be unique.


Design and Presets

There are numerous style presets available for this element in the Cloud Library. Presets can be accessed through the Elements and Styles Menu, under the Styles tab, in Style Presets.

Style single input1.png Text Input Field
Default Value:
No style by default

Style single input2.png Input Field with Error
Default Value:
No style by default

Style single input3.png Error Icon
Default Value:
No style by default


Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox