TextField

This is an overview of the most common usage of TextField. For more information about the available properties, methods, or events, head over to the complete API documentation for TextField.

<TextField>は一行のテキストを入力するためのボックスを提供するコンポーネントです。

<TextField>TextBaseとさらなるプロパティとイベントを提供するEditableTextBaseを拡張したものです。


<TextField :text="textFieldValue" hint="Enter text..." />

<TextField>v-modelによる双方向バインディングを提供します。

<TextField v-model="textFieldValue" />

Props

名前説明
textStringフィールドの値を取得・設定します。
hintStringプレースホルダーの値を取得・設定します。
editableBooleantrueの時、ユーザーがフィールドの値を編集可能であることを示します。
maxLengthNumber指定された数で文字数の上限を設定します。
secureBooleantrueの時は入力されたテキストを隠します。パスワードを入力するフィールドで使ってください。
デフォルトの値: false
keyboardTypeKeyboardTypeテキストをより簡単に入力するためにカスタムキーボードを表示します。
有効な値: datetimephonenumberurlemail
returnKeyTypeReturnKeyTypeエンターキーに紐付けるラベルを取得・設定します。
有効な値: donenextgosearchsend
autocorrectBoolean自動修正の可否を設定します。

Events

名前説明
textChangeテキストが変更されたときに発火します。
returnPressエンターキーが押されたときに発火します。
focusフィールドにフォーカスがあたった時に発火します。
blurフィールドのフォーカスが外れた時に発火します。

Native component

AndroidiOS
android.widget.EditTextUITextField
Contributors