TextField 入力フィールド

いつ使用するか

• テキスト情報の入力が必要なシナリオで使用します。

コンポーネント例

コンポーネントプロパティ

属性	说明	类型	默认值
addonAfter	入力フィールドの後に追加するコンテンツ	string	-
addonBefore	入力フィールドの前に追加するコンテンツ	string	-
autoFocus	自動フォーカスを有効にするかどうか	boolean	false
autoHeight	複数行入力フィールドの自動高さ調整。htmlTypeプロパティがtextareaの場合に有効	boolean	false
behavior	表单组件显示状态	Behavior	'NORMAL'
hasClear	クリアボタンを表示するかどうか	boolean	true
hasLimitHint	カウンターを表示するかどうか	boolean	false
htmlType	入力フィールドのタイプを設定します。input：単一行のテキスト、textarea：複数行のテキスト、password：パスワード	'input' | 'textarea' | 'password'	input
label	表单组件标题	string	-
labelAlign	表单组件标题的位置	'left' | 'top'	'top'
labelColOffset	设置标题的偏移位置，配置值为栅格值，1代表1/24	number	0
labelColSpan	设置标题的占位宽度，配置值为栅格值，1代表1/24	number	4
labelTextAlign	表单组件的标题对齐方式	'left' | 'right'	'right'
labelTipsIcon	表单组件标题提示信息入口图标，当labelTipsTypes取值为 text 或 render 时生效	string	-
labelTipsRender	表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 render 时生效	(props: IComponentProps) => ReactNode	-
labelTipsText	表单组件标题提示文本信息，当labelTipsTypes取值为 text 时生效	string	-
labelTipsTypes	表单组件标题提示信息类型设置	LabelTipsTypes	'none'
maxLength	文字数上限を設定	number	200
onChange	入力フィールドの値が変更されたときに発生するイベント	({ value: string }) => void	-
onPressEnter	入力フィールドでEnterキーが押されたときに発生するイベント	() => void	-
onScanCodeError	入力フィールドスキャンコード失敗後に発生するイベント	(errorMsg: string) => void	-
onScanCodeSuccess	入力フィールドスキャンコード成功後に発生するイベント	(text: string) => void	-
placeholder	プレースホルダーのヒント	string	'入力してください'
rows	複数行入力フィールドの高さです。htmlTypeプロパティがtextareaの場合に有効	number	4
scanCode	スキャンコードモードを有効にするか（デスクトップ版でのみサポート）	ScanCodeConfig | boolean	false
size	表单组件尺寸	Size	'medium'
state	入力フィールドのstate状態を設定	'error' | 'loading' | 'success' | ''	''
tips	表单组件描述信息，展示在控件下方	string	-
trim	先頭と末尾のスペースを自動的に削除するかどうか	boolean	false
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
validationType	入力フィールドのフォーマット	'text' | 'mobile' | 'email' | 'url' | 'chineseID' | 'password'	'text'
value	入力フィールドのデフォルト値を設定	string	-
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0