Bootstrap フォーム Bootstrap

使い方

• 上のボタンで追加したいフィールド種別をクリック
• 各フィールドのラベル・name属性・placeholderを編集
• 必須 (required) や ヘルプテキスト、サイズ等を設定
• ↑↓ で順序入替、× で削除
• プレビューで実際の表示を確認、HTMLコードをコピーで貼付け可能

Bootstrap 5フォームの主要クラス

• form-control - 入力欄
• form-select - セレクトボックス
• form-check / form-check-input - チェック/ラジオ
• form-label - ラベル
• form-text - ヘルプテキスト
• mb-3 - フィールド間スペース