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" />
名前 | 型 | 説明 |
---|---|---|
text | String | フィールドの値を取得・設定します。 |
hint | String | プレースホルダーの値を取得・設定します。 |
editable | Boolean | true の時、ユーザーがフィールドの値を編集可能であることを示します。 |
maxLength | Number | 指定された数で文字数の上限を設定します。 |
secure | Boolean | true の時は入力されたテキストを隠します。パスワードを入力するフィールドで使ってください。デフォルトの値: false 。 |
keyboardType | KeyboardType | テキストをより簡単に入力するためにカスタムキーボードを表示します。 有効な値: datetime 、 phone 、 number 、 url 、email 。 |
returnKeyType | ReturnKeyType | エンターキーに紐付けるラベルを取得・設定します。 有効な値: done 、 next 、 go 、 search 、send 。 |
autocorrect | Boolean | 自動修正の可否を設定します。 |
名前 | 説明 |
---|---|
textChange | テキストが変更されたときに発火します。 |
returnPress | エンターキーが押されたときに発火します。 |
focus | フィールドにフォーカスがあたった時に発火します。 |
blur | フィールドのフォーカスが外れた時に発火します。 |
Android | iOS |
---|---|
android.widget.EditText | UITextField |