Skip to content
Docs
Components
Single-line Input

Single-line Input

Scenarios

Used to input single-line content

Basic Function Description

1、After binding a data model to a form container, you can use the single-line input component to input single-line data. It is configurable for input value, placeholder text, component size, and whether it should stretch horizontally (the component size and horizontal stretching are effective on PC but not on mobile).

2、It supports personalized configuration of the title, including the title's content, alignment, line breaks (when enabled, titles that exceed one line wrap; when disabled, titles exceeding one line are truncated), title position, width, and title hint.

3、It supports personalized configuration of the input box, including whether the input box displays a clear button, prefix/suffix text, prefix/suffix icons, bottom hints, whether it is displayed as a password, input keyboard type, character count display, and whether it automatically gains focus.

Note

The prefix and suffix text in the form will be submitted to the data model along with the input content; Size configuration only applies to the PC platform; If the component is placed within a form container, the component size, title alignment, position, line breaks, and width will by default follow the properties configured for the form container

Property

Properties received from external input for the component

Property NameProperty Description
Data ModelDisplays the data model available for the current component in the container
Bind FieldsDisplay the data fields that can be selected from the available data model for the current component
Field TitleDisplays the field title for the current component
Display TitleIndicates whether the current component displays a title; it can be hidden if not needed
Prompt TextInformation the current component needs to prompt the user for input
Default Input ValueThe default value for the current component, if applicable
RequiredSpecifies whether the current component is a required field
Read-onlyWhen the current component is read-only, it is set to a disabled state
WidthThe width of the current component
Character Count DisplayShows the character count of the input entered into the current component
Maximum Input LengthThe maximum length of input allowed for the current component
PasswordWhether the current component is a password input field