Semantic UI Doc ( Collections - Form ) を読む
Semantic UI の Form を読んだ。フォーム にテーマは 4 個ある。
- フォームは項目と入力フィールドのセットを構造化して見せるのに役立つ
- コンテンツには項目と入力フィールドをセットで表示する Field と、Field のグループを表示する Fields 、そして各入力フィールドがある。用意されている入力フィールドは以下の通り
- Text Area ... rows 属性で長さを変更可能なテキスト入力欄
- Checkbox ... チェックボックス
- Radio Checkbox ... ラジオボタン
- Dropdown ... JavaScript でカスタマイズしたセレクトボックス
- Multiple Select ... 複数選択できるセレクトボックス
- HTML Select ... スタイリングした HTML の select 要素
- Message ... message コンポーネント
- 状態がいくつかある
- 読み込み中 ... ローディングイメージを表示する
- 成功、エラー、警告 ... 意味の照らし合わした色でメッセージを表示する
- フィールドエラー ... 入力フィールドごとにエラーを表示する
- 無効フィールド ... 入力フィールドごとに無効状態を表示する
- 読み取り専用フィールド ... 入力フィールドごとに読み取り専用状態を表示する
- 見た目のバリエーションもいくつかあり、サイズ、フォームの幅、反転色、インラインフィールド、必須オプションマークの指定ができる