Textbox

{[ textbox name:'lastname' label:'Last Name' value:'Decker' ]}

Parameter List

This control supports the following parameters:

• label (Text Area) - The label to display above the control.
• showlabel (true) - Whether to display label.
• name (text) - The name for the text area control.
• type (text) - The HTML input type (date, datetime-local, email, month, number, password, tel, time, url, week).
• value - The text to initially set the control to.
• size - Sets the vertical size of the input. Valid values: xs, sm, md, lg, xl, xxl.
• width - Adjusts the width of the input. By default the width will grow to the size of the container. Valid values: xs, sm, md, lg.
• preeaddon - Places an add-on component before the input to provide extra context or functionality (like an icon or text). To place an icon here use the pattern <i class="fa fa-envelope"></i>.
• postaddon - Places an add-on component after the input to provide extra context or functionality (like an icon or text). To place an icon here use the pattern <i class="fa fa-envelope"></i>.
• isrequired (false) - Establishes whether making a selection is necessary.
• validationmessage (Please enter a value.) - Message to display when the value is not valid.
• additionalattributes - Additional attributes to include on the input control.

Examples

Below are several examples of the textbox control in action.

Typical Use

{[ textbox name:'lastname' label:'Last Name' value:'Decker' isrequired:'true' validationmessage:'Please provide a last name.']}

Short Width

{[ textbox name:'width' label:'Short Input' value:'Decker' width:'sm']}

Small

{[ textbox name:'width' label:'Small Input' value:'Decker' size:'xs']}

Add-Ons

{[ textbox name:'addons' label:'Add Ons' value:'ted@decker.com' preaddon:'<i class="fa fa-envelope"></i>' postaddon:'<i class="fa fa-user"></i>']}