サンプルフォーム:要素サンプル

以下、入力要素のサンプルが確認できます。黄色文字の箇所は要素名ですので、適所書き換えてご利用ください。

テキスト要素サンプル

お名前

20文字チェック
フォームPHP
<input type="text" name="onamae" value="<?= $onamae ?>">
<?= $onamae->marker_tag() ?>
<?= $onamae->error_tag() ?>
config.php
'onamae' => LENGTH(20),
メール文PHP
<?= $onamae ?>'

お名前(フリガナ)

カタカナ変換&20文字チェック
フォームPHP
<input type="text" name="kana" value="<?= $kana ?>">
<?= $kana->marker_tag() ?>
<?= $kana->error_tag() ?>
config.php
'kana' => LENGTH(20) -> KATA(),
メール文PHP
<?= $kana ?>'

年齢

半角数値0~150チェック
フォームPHP
<input type="text" name="age" value="<?= $age ?>">
<?= $age->marker_tag() ?>
<?= $age->error_tag() ?>
config.php
'age' => MINXMAX(0,150),
メール文PHP
<?= $age->tail('歳') ?>'

メールアドレス

メールアドレス形式チェック、同値チェック

確認用に再度入力して下さい。

フォームPHP
<input type="text" name="email" value="<?= $email ?>" data-fk-with="email2">
<?= $email->marker_tag() ?>
<?= $email->error_tag() ?>
<p>確認用に再度入力して下さい。</p>
<input type="text" name="email2" value="<?= $email2 ?>" data-fk-with="email">
<?= $email2->marker_tag() ?>
<?= $email2->error_tag() ?>
フォームPHP(確認画面)
<?= $email->mail_link_tag() ?>
config.php
'email' => EMAIL(),
'email2' => REQ('email') -> ERRORSET('こちらにも入力して下さい。') -> SAME('email'),
メール文PHP
<?= $email ?>'

型番

正規表現チェック
フォームPHP
<input type="text" name="sid" value="<?= $sid ?>">
<?= $sid->marker_tag() ?>
<?= $sid->error_tag() ?>
config.php
'sid' => REGEX('/^K-\d{5}$/'),
メール文PHP
<?= $sid ?>'

ご予約希望日

日付チェック
フォームPHP
<input type="text" name="hope_date" value="<?= $hope_date ?>">
<?= $hope_date->marker_tag() ?>
<?= $hope_date->error_tag() ?>
config.php
'hope_date' => DATES(),
メール文PHP
<?= $hope_date ?>'

誕生日

日付チェック(年月日別欄)
/ /
フォームPHP
<div data-fk-group="_birthday">
  <input type="text" name="birth_year" value="<?= $birth_date ?>"> /
  <input type="text" name="birth_month" value="<?= $birth_date ?>"> /
  <input type="text" name="birth_day" value="<?= $birth_date ?>">
  <?= $_birthday->marker_tag() ?>
  <?= $_birthday->error_tag() ?>
</div>
config.php
'birth_year' => YEAR(),
'birth_month' => MONTH(),
'birth_day' => DAY(),
'_birthday' => DATES('birth_year','birth_month','birth_day'),
メール文PHP
<?= $birth_year ?>年 <?= $birth_month ?>月 <?= $birth_day ?>日
選択肢要素サンプル

性別



フォームPHP
<input type="radio" name="gender" value="男性"<?= $gender->checked('男性') ?>>
<input type="radio" name="gender" value="女性"<?= $gender->checked('女性') ?>>
<?= $gender->error_tag() ?>
config.php
'gender' => ITEM('男性','女性'),
メール文PHP
<?= $gender ?>

アンケート(複数回答可)




フォームPHP
<label><input type="checkbox" name="enq[]" value="回答A"<?= $enq->checked('回答A') ?>> 回答A</label><br>
<label><input type="checkbox" name="enq[]" value="回答B"<?= $enq->checked('回答B') ?>> 回答B</label><br>
<label><input type="checkbox" name="enq[]" value="回答C"<?= $enq->checked('回答C') ?>> 回答C</label><br>
<?= $enq->error_tag() ?>
config.php
'enq' => null,
メール文PHP
<?= $enq->indent('') ?>
<?= $enq->join('') ?>

お問い合わせの種類

フォームPHP
<select name="type">
  <option value="">選択して下さい。</option>
  <option value="選択肢1"><?= $type->selected('選択肢1') ?>選択肢1</option>
  <option value="選択肢2"><?= $type->selected('選択肢2') ?>選択肢2</option>
  <option value="選択肢3"><?= $type->selected('選択肢3') ?>選択肢3</option>
</select>
<?= $type->marker_tag() ?>
<?= $type->error_tag() ?>
config.php
'type' => null,
メール文PHP
<?= $type ?>

ご希望の資料(複数選択可)

最大2つまで

フォームPHP
<select name="document" multiple>
  <option value="選択肢1"><?= $document->selected('選択肢1') ?>選択肢1</option>
  <option value="選択肢2"><?= $document->selected('選択肢2') ?>選択肢2</option>
  <option value="選択肢3"><?= $document->selected('選択肢3') ?>選択肢3</option>
  <option value="選択肢4"><?= $document->selected('選択肢4') ?>選択肢4</option>
</select>
<?= $document->marker_tag() ?>
<?= $document->error_tag() ?>
config.php
'document' => COUNTS(0,2),
メール文PHP
<?= $document->indent('') ?>
テキストエリア要素サンプル

お問い合わせ

※1,000文字まで

フォームPHP
<textarea name="otoiawase"><?= $otoiawase ?></textarea>
<?= $otoiawase->marker_tag() ?>
<?= $otoiawase->error_tag() ?>
config.php
'otoiawase' => LENGTH(1000),
メール文PHP
<?= $otoiawase ?>
<?= $otoiawase->indent(' ') ?>

ご意見

※1,000文字まで

※自動的に改行が除去されます。

フォームPHP
<textarea name="goiken"><?= $goiken ?></textarea>
<?= $goiken->marker_tag() ?>
<?= $goiken->error_tag() ?>
config.php
'goiken' => DELRETURN() -> LENGTH(1000),
メール文PHP
<?= $goiken ?>
アップロード要素サンプル

画像ファイルのアップロード

1MBまでの画像ファイル(*.jpg, *.png, *.gif)

フォームPHP
<input type="file" name="image">
<?= $image->marker_tag() ?>
<?= $image->error_tag() ?>
<?= $image->file_control_tag() ?>
<p>1MBまでの画像ファイル(*.jpg, *.png, *.gif)</p>
フォームPHP(確認画面)
<?= $image->file_preview_tag() ?>
config.php
'image' => EXT('jpg', 'jpeg', 'png', 'gif') -> MB(1),
メール文PHP
<?= $image->file_org_name() ?> (<?= $image->file_size()->comma() ?> byte)

PDFファイルのアップロード

2MBまでのPDFファイル(*.pdf)

フォームPHP
<input type="file" name="pdf">
<?= $pdf->marker_tag() ?>
<?= $pdf->error_tag() ?>
<?= $pdf->file_control_tag() ?>
<p>2MBまでのPDFファイル(*.pdf)</p>
config.php
'pdf' => EXT('pdf') -> MB(3),
メール文PHP
<?= $pdf->file_org_name() ?> (<?= $pdf->file_size()->comma() ?> byte)
組み合わせサンプル

電話番号(入力必須)

フォームPHP
<input type="text" name="tel" value="<?= $tel ?>">
<?= $tel->marker_tag() ?>
<?= $tel->error_tag() ?>
config.php
'tel' => REQ() -> TEL(),
メール文PHP
<?= $tel ?>

「その他」テキスト入力

選択肢によって必須切り替え



フォームPHP
<label><input type="checkbox" name="colors[]" value="選択肢Ⅰ" <?= $colors->checked('選択肢Ⅰ') ?>> 選択肢Ⅰ</label><br>
<label><input type="checkbox" name="colors[]" value="選択肢Ⅱ" <?= $colors->checked('選択肢Ⅱ') ?>> 選択肢Ⅱ</label><br>
<label><input type="checkbox" name="colors[]" value="選択肢Ⅲ" <?= $colors->checked('選択肢Ⅲ') ?>> 選択肢Ⅲ</label><br>
<label>
<input type="checkbox" name="colors[]" value="その他" <?= $colors->checked('その他') ?> data-fk-with="colors_text" data-fk-disabled-to="colors_text">
その他 <input type="text" name="colors_text" value="<?= $colors_text ?>">
<?= $colors_text->marker_tag() ?>
</label>
<?= $colors->error_tag() ?>
<?= $colors_text->error_tag() ?>
フォームPHP(確認画面)
<?= $colors->join("\n") ?><?= $colors_text->wrap('')->empty_label('') ?>
config.php
'colors' => REQ() -> ERRORSET('いずれか1つ以上選択してください。'),
'colors_text' => REQ('colors','その他') -> ERRORSET('その他のテキストを入力して下さい。'),
メール文PHP
<?= $colors->join("\n")->indent('') ?><?= $colors_text->wrap('')->empty_label('') ?>

ご住所

郵便番号からAjaxZip実行

都道府県
市区町村/番地

建物名/階など
フォームPHP
〒 <input type="text" name="zip" value="<?= $zip ?>" data-fk-ajaxzip="'zip','','pref','address1'">
<?= $zip->marker_tag() ?>
<?= $zip->error_tag() ?>
<br>
都道府県
<select name="pref">
<option value="">(1つ選択して下さい)</option>
<?= \FK\pref_options_tag($pref, '宮城県') ?>
</select> <?= $pref->marker_tag() ?>
<br>
市区町村/番地 <input type="text" name="address1" value="<?= $address1 ?>">
<?= $address1->marker_tag() ?>
<?= $address1->error_tag() ?>
<br>
建物名/階など <input type="text" name="address2" value="<?= $address2 ?>">
<?= $address2->marker_tag() ?>
<?= $address2->error_tag() ?>
フォームPHP(確認画面)
〒:<?= $zip ?><br>
都道府県:<?= $pref ?><br>
市区町村/番地:<?= $address1 ?><br>
建物名/階など:<?= $address2 ?>
config.php
'zip' => ZIP(),
'pref' => PREF(),
'address1' => LENGTH(1,100),
'address2' => LENGTH(0,100),
メール文PHP
〒 <?= $zip ?>
<?= $pref ?> <?= $address1->empty_label() ?> <?= $address2->empty_label() ?>