OpenIAPカテゴリー: 2.8. Forms

日付/時刻フォームコンポーネントは、日付、時刻、またはその両方を入力するために使用することができます。

ディスプレイ

タイムゾーンの表示

選択されたタイムゾーンでキャプチャされた日付時刻が表示されます。ユーザーは、ビューアー、投稿、場所、UTC のいずれかの日付時刻を選択できます。Location “の場合は、ドロップダウンメニューから場所を選択する必要があります。

ロケール設定を使用する

日付と時刻の表示には、ロケール設定を使用します。

フォーマット

datetime 値を表示するための日付形式。使用可能な書式の完全なリストは、このサイト(https://github.com/angular-ui/bootstrap/tree/master/src/dateparser/docs#uibdateparsers-format-codes) を参照してください。

日付

日付入力の有効化

このオプションは、このフィールドの日付入力を有効にします。

最短日

ピッキング可能な最短日。

最大期日

選択可能な最大日付。

時間

イネーブル時間入力

このオプションは、このフィールドの時間入力を有効にします。

時間ステップサイズ

タイムピッカーで増加/減少させる時間数を指定します。

分ステップサイズ

タイムピッカーで増加/減少させる分数です。

12時間表示（AM/PM）

12時間表示（AM/PM表示）が可能です。

日付を入力するためのコンポーネント。

日

選択

このオプションでは、ユーザーは「Number」と「Select」のいずれかを選択することができます。つまり、エンドユーザーには、日数を入力するための空のフィールド、または利用可能なすべての日を含むドロップダウンメニューが表示されます。

日目

日」フィールドを「月」フィールドの前に表示する。

月

選択

このオプションでは、ユーザーは「番号」または「選択」のいずれかを選択できます。つまり、エンドユーザーには月の名前を入力するための空のフィールドか、利用可能なすべての月を含むドロップダウンメニューが表示されることになります。

年

選択

このオプションでは、ユーザーは「番号」と「選択」のいずれかを選択することができます。つまり、エンドユーザーには、年号を入力するための空のフィールドか、利用可能なすべての年号を含むドロップダウンメニューが表示されます。

最低年数

入力可能な最低年数。

最大年数

入力可能な最大年数。

入力時間に対するコンポーネント。

ディスプレイ

入力タイプ

使用するウィジェットの種類を指定します。2つのオプションがあります。HTML 5 Time InputとText Input with Maskです。

データ

データフォーマット

このフィールドの値を保存するための moment.js のフォーマット。

Currency コンポーネントは、フォームのフィールドに通貨の金額を表示する場合に使用します。 このコンポーネントは、小数点以下の 2 つの値を許容する数値入力マスクを保持しており、ユーザーが通貨の金額を入力すると自動的にカンマが追加されます。

データ

通貨

通貨フォーマットで使用する通貨。使用可能な値は、通貨コード (ISO-4217) です。

Surveyコンポーネントは、radioと同様に機能します。1つの質問ではなく、ユーザーはコンポーネントの設定内で構成される複数の質問に対して値を選択することができます。Surveyは、同じ文脈の回答や値を持つ複数の質問をする際に活用できる素晴らしいコンポーネントです。

データ

ご質問

ユーザーがアンケートで質問したいこと。

価値観

質問ごとに選択できる値です。

署名フィールドは、タッチ対応デバイスの指またはマウスポインターを使用して、誰かがフィールドに署名することができる特別なフィールドです。この署名は画像に変換され、フォームの送信とともに保存されます。

ディスプレイ

フッターラベル

署名欄の下に表示されるフッターテキストです。

幅

署名領域の幅。ピクセルまたはパーセンテージで指定することができます。

高さ

署名領域の高さ。ピクセルまたはパーセンテージで指定することができます。

背景色

署名欄の背景色。RGB(255,255,255) 形式のRGB値、#000000のような16進数値、または色の名前にすることができます。

ペンカラー

署名欄のインク色。RGB(255,255,255) 形式のRGB値、#000000のような16進数値、または色の名前にすることができる。

レイアウトフォームには、ビューに関連する入力フォームが含まれています。

このコンポーネントは、フォームページにHTML要素を追加します。

ディスプレイ

HTMLタグ

この HTML 要素のタグ。

属性

この HTML 要素の属性を指定します。src, href, title など安全な属性のみ指定可能です。

このコンポーネントは、テキストやその他のタイプのコンテンツ（イメージ、リスト、テーブル、メディアなど）をフォームページに追加します。ユーザーは、ポップアップするエディタでこのコンテンツを編集することができます。

Columnレイアウトコンポーネントを使用すると、任意の領域を2つの列に分割することができます。コラムボタンをフォームにドラッグ＆ドロップするだけで、ドロップした領域が2つに分割されます。

フィールドセットは、フォームの領域のタイトルを作成するために使用することができます。これはレイアウトコンポーネントの中や、たくさんの関連するフィールドの間に置くと便利です。このフォームコンポーネントは表示専用で、APIに保存されることはありません。

ディスプレイ

レジェンド

このフィールズセットにまつわる伝説。

パネルは、タイトルとスタイルでフィールドのグループをラップするために使用されます。これらは現在、Bootstrapのパネルに対応しています。

ディスプレイ

タイトル

このパネルのヘッダーに表示されるタイトルテキスト。

テーマ

パネルのテーマ設定です。オプションのいずれかを選択すると、ラッパーdivにクラスが追加されます。

テーブルコンポーネントは、列と行を持つテーブルを作成することができ、その中に追加のコンポーネントを追加することができます。

ディスプレイ

行数

テーブルの行数。これはいつでも調整可能です。

列数

テーブルの列数。これはいつでも調整可能です。

セルアライメント

テーブルのセルの水平アライメント。

ストリップ

チェックした場合、テーブルをストライピングする。テーブルの奇数行と偶数行のストライプを行うかどうか。

ボーダー

チェックした場合、テーブルにボーダーを設定します。テーブルにボーダーが設定されているかどうか（これは独自のCSSで変更することも可能です）。

ホバー

ホバー時に行を強調表示する。マウスが行の上に乗ったときに、行にホバークラスを追加するかどうか。

コンデンス

パディングを削除してテーブルのサイズを圧縮します。

このコンポーネントは、フォームのページにタブを追加します。

Wellはクラス付きのdivに包まれています。これらは現在、Bootstrap Wellsにマップされています。