テキストフィールド要素

テキストフィールドについて

その テキストフィールド 名前、電話番号、その他の簡単な詳細を収集するなど、1 行の応答に使用される基本的な入力要素です。

異なり、 テキストエリア、 メッセージやコメントなどの複数行の応答用に設計されたテキストフィールドは 短い入力に最適.

フォームの構築とフォームへの要素の追加に関する完全なガイドについては、 お問い合わせフォームを作成する の三脚と ニュースレターフォーム 記事。

設定タブを構成する

下 設定タブ、次のセクションを調整できます。

文字スタイル

フィールド内に表示されるプレースホルダー テキストを定義します。 

• プレースホルダー: どのような種類の入力が期待されるかをユーザーに案内します。例：「あなたの名を入力してください"。
• スタイル: テキストスタイルを選択します 見出し1-6 or 段落1-3 グローバルスタイルとして。 
• フォント: ブランド アイデンティティに合ったフォント スタイルを選択します。
• サイズ: テキストが目立つようにフォント サイズを調整します。
• フォントの太さ: テキストの太さや細さを制御します。
• 行の高さ: 読みやすくするために行間のスペースを調整します。
• 文字間隔: 文字間のスペースを変更して、よりモダンまたはコンパクトな外観を作成します。
• 変換： テキストを大文字、小文字に変換するか、各単語の最初の文字を大文字にします。

サイズ

フォームのデザインに合わせてテキスト フィールド要素のサイズを調整します。 

• 幅（Width）: テキストフィールドの幅をカスタマイズします。フォームレイアウトにぴったり収まるように設定することも、読みやすさを重視して幅を大きくすることもできます。
• パディング: ボタン内の内部間隔を定義します。

• Status 必須 = ありを選択すると、テキストフィールドが必須になります。 いいえ オプションを使用すると、ユーザーはフォームを送信するためにこのフィールドに入力する必要がありません。
• フィールド名： この要素を通じて送信された情報を識別します。フォームを外部ツールやシステムと統合する場合、フィールド名によって送信されたデータが識別されるため、これは特に重要です。

整列

テキストエリアを 左, センターまたは 右ただし、幅を100%以上に設定した場合、水平方向の配置は無効になります。

詳細タブを設定する

より高度なカスタマイズについては、 詳細設定タブ の指示に従います。 この記事.