Shortcode

[spwf_text name="xxx"]

1行テキスト入力を作るショートコードです。

基本構文

[spwf_text name="your_name"]

主な属性

  • name: 入力値を識別する名前。多くの場面で必須です。
  • type: 入力欄の種類(HTML の input タイプ)。省略時は text です。指定できる値は下記のとおりです。
  • placeholder: 入力例の表示。
  • id / class: CSS やラベル連携に使う識別子。
  • maxlength: 入力上限の指定。

type 属性で使える値

type を指定すると、出力される <input> のタイプを切り替えられます。指定できるのは次の9種類です。

  • text: 通常の1行テキスト(省略時の既定値)。
  • tel: 電話番号入力。スマホで数字向けキーボードが表示されます。
  • number: 数値入力。
  • url: URL 入力。
  • date: 日付入力(カレンダー UI)。
  • time: 時刻入力。
  • password: パスワード入力(入力文字を伏せ字表示)。
  • color: カラーピッカー。

使用例: [spwf_text name="age" type="number"] / [spwf_text name="birthday" type="date"]

注意: 上記以外の値を指定した場合や、値が空の場合は自動的に text として扱われます。

type はブラウザ側の入力補助(キーボードや UI)を切り替えるものです。メールアドレスや電話番号などを確実に検証したい場合は、フォーム編集画面のバリデーションルールと併用してください。

向いている用途

  • お名前
  • 会社名
  • 件名

注意点

  • name はバリデーションルールやメール差し込みでも使います。
  • _ で始まる予約名は避けてください。
APOLLOKIDS:PRISONDROPS