# テキスト入力

### テキスト入力コンポーネントの追加

左パネルの ***フォーム＆フィールド*** からテキスト入力コンポーネントを選択し、画面にドラッグして、使用時に簡単に識別できるように名前を変更します。

<div><figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-dd3bc9d058ddfa7ac14aa5b21f186459e0738ab7%2FSelect%20Component%26Drag%20to%20Screen%20(1).png?alt=media" alt="" width="241"><figcaption></figcaption></figure> <figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-cd1285bdee3318be1153dae05cdce2f23ecebc0f%2FRename%20Component.png?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

### コンポーネントの設定

#### 入力タイプ

コンポーネントの使用に基づいて入力タイプを選択します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-bfbc78166cbcedf0c81ea3bae073cd7d1c1fa628%2FSelect%20Type%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

入力タイプは文字数を制限し、デバイス/ブラウザに応じてキーボードを調整します。キーボードタイプは自動で変更できません。

* 通常 - すべての文字を受け入れます。
* 小文字 - 小文字のみを受け入れます。
* パスワード - ユーザーパスワードの入力をマスクします。
* メール - キーボードにメールの文字を表示します。
* 数字 - 整数、カンマ（小数点）、小数点、ダッシュを受け入れます。 **（"," と "." の両方を受け入れません）**

#### プレースホルダ

プレースホルダを追加します。これにより、ユーザーに入力すべき内容のヒントが表示されます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-8d600d3e7c4f469b9fc945a766e25a28410fd27e%2FPlaceholder.png?alt=media" alt="" width="563"><figcaption></figcaption></figure>

#### デフォルト値

デフォルト値を入力します。これは手動で入力するか、使用ケースに応じて MagicText から取得できます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-963234944b337b9536c4169ef66b02397c73f702%2FDefault%20Value.png?alt=media" alt="" width="251"><figcaption></figcaption></figure>

### テキスト入力のスタイルを編集

他のコンポーネントと同様に、いくつかの特定のオプションを使用してスタイルを編集できます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-7549438c36a76e0fc9f503254f91816e4e53c91d%2FScreenshot%202024-08-21%20at%204.09.47%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 最大長

最大長はユーザーが入力できる文字数を制限します。制限に達すると、追加の文字を入力できません。

#### 自動フォーカス

自動フォーカスは、ユーザーが画面に移動したときに入力テキストを自動的に選択します。画面ごとに 1 つの入力コンポーネントにのみ選択する必要があります。

## もっと詳しく知る

* テキスト入力を使用して、Adalo コレクションにデータをアップロードするためのカスタムフォームを作成します。
* テキスト入力は、データがアクションで使用された後に自動的にクリアされます。データが後続のアクションで使用されない場合は、デバイスのキャッシュがクリアされるか、テキストが手動で削除されるまで残ります。
* リストをフィルタリングするためにテキスト入力を使用する場合は、それぞれの入力を 1 回だけ使用して、期待どおりに機能するようにします。

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿にこの記事へのリンクを貼り付けることも忘れずに！

さらなる機能をお探しですか？ Adalo コンポーネントマーケットプレイスで購入可能な追加コンポーネントをチェックしてください！