フォーム
input要素
text
password
email
phone
※必須項目
credit card
※必須項目
状態変化
基本スタイル
名前
補足テキスト
ラベル付き
名前
※必須項目
Disabled 無効
メールアドレス
※必須項目
サクセス
電話番号
成功
エラー
住所
エラー:全角で入力してください。
textarea要素
基本スタイル
ラベル:コメントを入力してください。(rows="1")
※補足コメント
ラベル:コメントを入力してください。(rows="3")
※補足コメント
成功時
ラベル:コメントを入力してください。
成功
エラー時
ラベル:コメントを入力してください。
エラー
Disabled時
ラベル:コメントを入力してください。
※必須項目
セレクトボックス
シングル
選択してください
選択肢1
選択肢2
選択肢3
マルチ
選択してください
選択肢1
選択肢2
選択肢3
セレクトボックス Disabled 無効
選択してください
選択肢1
選択肢2
選択肢3
ラジオボタン
性別
男性
女性
チェックボックス
好きなスポーツ
サッカー
テニス
卓球
Disabled 無効
無回答
Switch
サイズ・バリエーション
input大
ラベル
input標準
ラベル
input小
ラベル
セレクトボックス大
選択肢1
選択肢2
選択肢3
セレクトボックス標準
選択肢1
選択肢2
選択肢3
セレクトボックス小
選択肢1
選択肢2
選択肢3
Horizontal 水平フォーム
お客様情報
Email
パスワード
性別
男性
女性
無回答
好きなスポーツ
サッカー
テニス
卓球
選択
選択肢1
選択肢2
選択肢3
送信
インラインフォーム
メール・アドレス
パスワード
選択
選択肢1
選択肢2
選択肢3
A
B
送信
フォームグループ
名前
*全角カタカナで入力ください
Email
※入力の間違いにご注意ください
パスワード
同意する
送信する