入力タイプ一覧

入力項目で選べる 12 種類のタイプと、それぞれのオプション欄・初期値・保存される値の形式をまとめています。

入力項目の「タイプ」では、次の 12 種類から選べます。

タイプ 入力欄 オプション 保存される値
テキスト 1 行のテキスト入力 使用しない 文字列
テキスト(複数行) 複数行のテキスト入力 使用しない 文字列(改行を含む)
ドロップダウン 選択肢から 1 つ選択 必要 文字列
チェックボックス 選択肢から複数選択 必要 文字列の配列
ラジオボタン 選択肢から 1 つ選択 必要 文字列
数値 数値入力 使用しない 数値
日付 ブラウザ標準の日付選択 使用しない 文字列(YYYY-MM-DD
時刻 ブラウザ標準の時刻選択 使用しない 文字列(HH:MM
カラーピッカー 使用しない 文字列(#rrggbb
Email メールアドレス入力 使用しない 文字列
URL URL 入力 使用しない 文字列
電話番号 電話番号入力 使用しない 文字列

オプション欄(選択肢)

「オプション」欄は、ドロップダウン・チェックボックス・ラジオボタンを選んだときだけ入力できます。それ以外のタイプでは入力欄が無効になります。

選択肢はカンマ区切りで指定します。

○,×,△
  • 選択肢に指定した文字列が、そのまま保存される値になります
  • ドロップダウンには、先頭に未選択用の項目(-)が自動的に追加されます

日付・時刻・色・Email・URL・電話番号について

これらはブラウザ標準の入力欄(<input type="date"> など)を使用しています。表示や入力方法、入力チェックの挙動はブラウザによって異なります。Email・URL・電話番号は形式の入力補助が目的で、Movable Type 側での厳密な検証は行いません。

チェックボックスの値

チェックボックスは、選択された値の配列として保存されます。テンプレートで出力する際は区切り文字を指定できます。

<mt:Var name="plans" glue="、" />

数値の値

数値タイプは JSON でも数値として保存されます。ただし、ブラウザや入力内容によっては文字列として保存される場合があるため、テンプレート側で厳密な型を前提にした処理は避けてください。