Input

Input は1 行のテキスト、数値、またはパスワードを入力します。このフィールドは Form の状態、検証、送信範囲に含まれます。

1. 利用場面

主な用途：

• 氏名、コード、短いタイトル
• 金額や数量などの基本数値
• マスクされたパスワード入力

2. 追加と設定

1. Form Section の Fields に Input を追加します。
2. バックエンド DTO のプロパティと一致する、安定した一意の Field Key / Name を設定します。
3. 以下の固有プロパティを設定し、必要に応じて Required、Help Text、Full row、条件式を追加します。
4. Design Preview で初期値とレイアウトを確認し、Form の Validate / Submit でデータ経路全体をテストします。

3. 主なプロパティ

プロパティ	役割
Input Type	フィールドの初期値、内容、または形式を設定します。
Default Value	フィールドの初期値、内容、または形式を設定します。
Hint	Design Preview と Runtime での表示方法を制御します。
Length Limit	許可する件数、長さ、または値の範囲を制限します。
Suffix Unit	Design Preview と Runtime での表示方法を制御します。
Read Only / Allow Clear	この動作を有効または無効にします。

Field Key、Required、Help Text、Full row、Visible When などの共通設定は Form フィールド契約から提供されます。表には Input で特に重要な設定を示します。

4. フォーム値とバックエンド契約

送信される値： Text / Password は文字列、Number は数値です。

"Rocky Yu"

例はデータ形状のみを示します。API 側では業務 DTO に基づく型、範囲、権限の検証が必要です。

5. 検証・条件・インタラクション

すべてのフィールドで Required、Visible When、Disabled When、Required When、Dependencies、Clear When Hidden を利用できます。条件式は操作性を高めますが、バックエンドの検証や権限管理の代わりにはなりません。

コンポーネント機能： onChange、onFocus、setValue を利用して後続アクションを実行できます。

6. 設定上の注意

推奨事項： 業務項目には明確な長さ制限を設定し、パスワードを既定値、ログ、Page Context に保存しないでください。

レイアウト、検証、送信、下書き、バックエンドプロトコルは Form の概要 を参照してください。