[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はバリデーションルールやメール差し込みでも使います。_で始まる予約名は避けてください。