<cfinput>

Used inside <cfform> to place radio buttons, checkboxes, or text boxes.

Provides input validation for the specified control type.

This tag cannot have a body.

This tag is also supported within <cfscript>

Requires Extension: Form Tags for Jakarta EE (Lucee 7+)


		<cfinput
    autosuggest=string
    autosuggestBindDelay=number
    autosuggestMinLength=number
    delimiter=string
    maxResultsDisplayed=number
    onBindError=string
    showAutosuggestLoadingIcon=boolean
    sourceForTooltip=string
    typeahead=boolean
    validateAt=string
    type=string
    name=string
    value=string
    required=boolean
    range=string
    validate=string
    bind=string
    bindAttribute=string
    bindOnLoad=boolean
    border=string
    accept=string
    accesskey=string
    align=string
    alt=string
    checked=string
    daynames=string
    firstDayOfWeek=number
    monthNames=string
    height=string
    width=string
    hspace=string
    label=string
    mask=string
    notab=string
    datafld=string
    datasrc=string
    dataformatas=string
    disabled=string
    ismap=string
    readonly=string
    src=string
    usemap=string
    title=string
    dir=string
    lang=string
    onValidate=string
    pattern=string
    message=string
    onError=string
    size=string
    maxLength=number
    passThrough=any
    class=string
    id=string
    onBlur=string
    onChange=string
    onClick=string
    onDblclick=string
    onFocus=string
    onKeyDown=string
    onKeyPress=string
    onKeyUp=string
    onMouseDown=string
    onMouseMove=string
    onselect=string
    onMouseUp=string
    onMouseOut=string
    onMouseOver=string
    style=string
    tabIndex=string
    enabled=string
    visible=string
    tooltip=string
    autocomplete=string
    autofocus=string
    form=string
    formaction=string
    formenctype=string
    formmethod=string
    formnovalidate=string
    formtarget=string
    list=string
    max=string
    min=string
    multiple=string
    placeholder=string
    step=string
>

Attribute	Description
autosuggest _{string, optional}	edit Specifies entry completion suggestions to display as the user types into a text input. The user can select a suggestion to complete the text entry. The valid value can be either of the following: A string consisting of the suggestion values separated by the delimiter specified by the delimiter attribute. A bind expression that gets the suggestion values based on the current input text. Valid only for cfinput type="text".
autosuggestBindDelay _{number, optional}	edit The minimum time between autosuggest bind expression invocations, in seconds. Use this attribute to limit the number of requests that are sent to the server when a user types. Valid only for cfinput type="text"
autosuggestMinLength _{number, optional}	edit The minimum number of characters required in the text box before invoking a bind expression to return items for suggestion. Valid only for cfinput type="text".
delimiter _{string, optional}	edit The delimiter to use to separate entries in a static autosuggest list. This attribute is meaningful only if the autosuggest attribute is a string of delimited values.
maxResultsDisplayed _{number, optional}	edit The maximum number suggestions to display in the autosuggest list. Valid only for cfinput type="text".
onBindError _{string, optional}	edit The name of a JavaScript function to execute if evaluating a bind expression, including an autosuggest bind expression, results in an error. The function must take two attributes: an HTTP status code and a message.
showAutosuggestLoadingIcon _{boolean, optional}	edit A Boolean value that specifies whether to display an animated icon when loading an autosuggest value for a text input.
sourceForTooltip _{string, optional}	edit The URL of a page to display as a tool tip. The page can include HTML markup to control the format, and the tip can include images. If you specify this attribute, an animated icon appears with the text "Loading..." while the tip is being loaded.
typeahead _{boolean, optional}	edit A Boolean value that specifies whether the autosuggest feature should automatically complete a user's entry with the first result in the suggestion list. Valid only for cfinput type="text".
validateAt _{string, optional}	edit How to do the validation; one or more of the following: onSubmit, onServer or onBlur. onBlur and onSubmit are identical in Flash forms. For multiple values, use a comma-delimited list. Default: onSubmit
type _{string, optional}	edit The input control type to create: button: push button. checkbox: check box. file: file selector; not supported in Flash. hidden: invisible control. image: clickable button with an image. password: password entry control; hides input values. radio: radio button. reset: form reset button. submit: form submission button. text: text entry box. datefield: Flash only; date entry field with an expanding calendar for selecting dates.
name _{string, required}	edit A name for the form input element.
value _{string, optional}	edit An initial value for the form input element.
required _{boolean, optional}	edit Enter Yes or No. Default is No.
range _{string, optional}	edit Enter a minimum and maximum value range, separated by a comma. Valid only for numeric data.
validate _{string, optional}	edit date: verifies format mm/dd/yy. eurodate: verifies date format dd/mm/yyyy. time: verifies time format hh:mm:ss. float: verifies floating point format. integer: verifies integer format. telephone: verifies telephone format ###-###-####. The separator can be a blank. Area code and exchange must begin with digit 1 - 9. zipcode: verifies, in U.S. formats only, 5- or 9-digit format #####-####. The separator can be a blank. creditcard: strips blanks and dashes; verifies number using mod10 algorithm. Number must have 13-16 digits. social_security_number: verifies format ###-##-####. The separator can be a blank. regular_expression: matches input against pattern attribute.
bind _{string, optional}	edit (not supported) A Flash bind expression that populates the field with information from other form fields.
bindAttribute _{string, optional}	edit Specifies the HTML tag attribute whose value is set by the bind attribute. You can only specify attributes in the browser's HTML DOM tree, not Lucee-specific attributes. Ignored if there is no bind attribute. Valid only for cfinput type="text".
bindOnLoad _{boolean, optional}	edit A Boolean value that specifies whether to execute the bind attribute expression when first loading the form. Ignored if there is no bind attribute. Valid only for cfinput type="text".
border _{string, optional}	edit passed through to input tag created, only used for type html.
accept _{string, optional}	edit passed through to input tag created, only used for type html.
accesskey _{string, optional}	edit passed through to input tag created, only used for type html.
align _{string, optional}	edit passed through to input tag created, only used for type html.
alt _{string, optional}	edit passed through to input tag created, only used for type html.
checked _{string, optional}	edit Selects a control. No value is required. Applies if type=radio or checkbox. Default: false
daynames _{string, optional}	edit A comma-delimited list that sets the names of the weekdays displayed in the calendar. Sunday is the first day and the rest of the weekday names follow in the normal order. Default is: S,M,T,W,Th,F,S
firstDayOfWeek _{number, optional}	edit Integer in the range 0-6 specifying the first day of the week in the calendar, 0 indicates Sunday, 6 indicates Saturday. Default is: 0
monthNames _{string, optional}	edit A comma-delimited list of the month names that are displayed at the top of the calendar.
height _{string, optional}	edit Applies to most Flash types, HTML image type on some browsers. The height of the control, in pixels. The displayed height might be less than the specified size.
width _{string, optional}	edit Applies to most Flash types, HTML image type on some browsers. The width of the control, in pixels. For Flash forms, Lucee ignores this attribute if you also specify a size attribute value.
hspace _{string, optional}	edit passed through to form tag created, only used for type html.
label _{string, optional}	edit Label to put next to the control on a Flash or XML form. Not used for button, hidden, image, reset, or submit types.
mask _{string, optional}	edit A mask pattern that controls the character pattern that users can enter, or that the form sends to Lucee. In HTML and Flash for type=text use: A = [A-Za-z] X = [A-Za-z0-9] 9 = [0-9] ? = Any character all other = the literal character In Flash for type=datefield use: D = day; can use 0-2 mask characters. M = month; can use 0-4 mask characters. Y = year; can use 0, 2, or 4 characters. E = day in week; can use 0-4 characters.
notab _{string, optional}	edit passed through to form tag created, only used for type html.
datafld _{string, optional}	edit passed through to form tag created, only used for type html.
datasrc _{string, optional}	edit passed through to form tag created, only used for type html.
dataformatas _{string, optional}	edit passed through to form tag created, only used for type html.
disabled _{string, optional}	edit Disables user input, making the control read-only. To disable input, specify disabled without an attribute or disabled="true". To enable input, omit the attribute or specify disabled="false".
ismap _{string, optional}	edit passed through to form tag created, only used for type html.
readonly _{string, optional}	edit passed through to form tag created, only used for type html.
src _{string, optional}	edit Applies to Flash button, reset, submit, and image types, and the HTML image type. URL of an image to use on the button. Flash does not support GIF images.
usemap _{string, optional}	edit passed through to form tag created, only used for type html.
title _{string, optional}	edit passed through to form tag created, only used for type html.
dir _{string, optional}	edit passed through to form tag created, only used for type html.
lang _{string, optional}	edit passed through to form tag created, only used for type html.
onValidate _{string, optional}	edit The name of a JavaScript function used to validate user input. The form object, input object, and input object value are passed to the specified routine, which should return true if validation succeeds and false otherwise. If used, the validate attribute is ignored.
pattern _{string, optional}	edit The JavaScript regular expression pattern to use to validate the input. Required only if you specify validate = "regular_expression".
message _{string, optional}	edit Message text to appear if validation fails.
onError _{string, optional}	edit The name of a JavaScript function you want to execute in the event of a failed validation.
size _{string, optional}	edit The size of the input control. Ignored if type is Radio or Checkbox.
maxLength _{number, optional}	edit The maximum length of text entered, if n type is Text.
passThrough _{any, optional}	edit HTML attributes that are not explicitly supported by cfinput. If you specify an attribute and value, they are passed to the HTML code generated for the cfinput tag.
class _{string, optional}	edit passed through to form tag created, only used for type html.
id _{string, optional}	edit passed through to form tag created, only used for type html.
onBlur _{string, optional}	edit passed through to form tag created, only used for type html.
onChange _{string, optional}	edit passed through to form tag created, only used for type html.
onClick _{string, optional}	edit passed through to form tag created, only used for type html.
onDblclick _{string, optional}	edit passed through to form tag created, only used for type html.
onFocus _{string, optional}	edit passed through to form tag created, only used for type html.
onKeyDown _{string, optional}	edit passed through to form tag created, only used for type html.
onKeyPress _{string, optional}	edit passed through to form tag created, only used for type html.
onKeyUp _{string, optional}	edit passed through to form tag created, only used for type html.
onMouseDown _{string, optional}	edit passed through to form tag created, only used for type html.
onMouseMove _{string, optional}	edit passed through to form tag created, only used for type html.
onselect _{string, optional}	edit passed through to form tag created, only used for type html.
onMouseUp _{string, optional}	edit passed through to form tag created, only used for type html.
onMouseOut _{string, optional}	edit passed through to form tag created, only used for type html.
onMouseOver _{string, optional}	edit passed through to form tag created, only used for type html.
style _{string, optional}	edit passed through to form tag created, only used for type html.
tabIndex _{string, optional}	edit passed through to form tag created, only used for type html.
autocomplete _{string, optional}	edit HTML attribute: Specifies the types of files that can be submitted through a file upload (only for type="file")
autofocus _{string, optional}	edit Specifies that the input field should have focus on page load (not for type="hidden")
form _{string, optional}	edit HTML attribute: Specifies one or more forms the input field belongs to
formaction _{string, optional}	edit HTML attribute: Overrides the form's action attribute. Must be a valid URL that defines where to send the data when the form is submitted (for type="submit" and type="image")
formenctype _{string, optional}	edit HTML attribute: Overrides the form's enctype attribute. Specifies how form-data should be encoded before sending it to the server (for type="submit" and type="image")
formmethod _{string, optional}	edit HTML attribute: Overrides the form's method attribute. Defines the HTTP method for sending data to the action URL (for type="submit" and type="image")
formnovalidate _{string, optional}	edit HTML attribute: Overrides the form's novalidate attribute. If present the input field should not be validated when submitted
formtarget _{string, optional}	edit HTML attribute: Overrides the form's target attribute. Specifies the target window used when the form is submitted (for type="submit" and type="image")
list _{string, optional}	edit HTML attribute: Refers to a datalist containing predefined options for the input field
max _{string, optional}	edit HTML attribute: Specifies the input field's maximum value. Use together with the "min" attribute to create a range of legal values
min _{string, optional}	edit HTML attribute: Specifies the input field's minimum value. Use together with the "max" attribute to create a range of legal values
multiple _{string, optional}	edit HTML attribute: If present the user is allowed more than one value
placeholder _{string, optional}	edit HTML attribute: Specifies a hint to help users fill out the input field
step _{string, optional}	edit HTML attribute: Specifies the legal number intervals for the input field

Unimplemented Attribute(s)

Attribute	Description
enabled _{string, optional}	edit Flash only: Boolean value specifying whether the control is enabled. A disabled control appears in light gray. The inverse of the disabled attribute. Flash only. Default: true * unimplemented *
visible _{string, optional}	edit Flash only: Boolean value specifying whether to show the control. Space that would be occupied by an invisible control is blank. Default: true * unimplemented *
tooltip _{string, optional}	edit Flash only: Text to display when the mouse pointer hovers over the control. * unimplemented *

Examples

edit

<cfform name="sampleForm">
    <label>FirstName:</label>
    <cfinput type ="Text" name ="firstname" 
    message ="Enter firstname" 
    required ="yes">
    <br/><br/>

    <label>Password:</label>
    <cfinput type ="password" name ="password" 
    message ="Enter password" 
    required ="yes">
</cfform>

<cfinput>

Unimplemented Attribute(s)

Examples

See also