フォームメーラー・入力項目編集の基本

フォームメーラーFree(無料)版、入力項目編集の基本的な説明ページです。目新しい情報はありません。

このページを読むより、実際にログインしてフォーム編集を試した方が、分りやすいと思います。

このページの用語

名前欄を作る

名前

なまえ

ハンドル名

基本説明

1.テキストフィールド追加する

2.追加されたteki.gif(1175 byte)編集して、項目名を「名前」に変える。

※プリセットにある「名前」は商業用です。(姓と名の欄がある)

参考

name.gif(1427 byte)

用件を書く欄を作る

メッセージ

内容

ご用件

基本説明

1.テキストエリア追加する

2.追加されたteki.gif(1175 byte)編集して、項目名を「内容」に変える。

参考

mihon2.gif(2133 byte)

メールアドレス入力欄を作る

メールアドレス

基本説明

1.テキストエリア追加する

プリセット「メールアドレス」の機能

※あえて書式チェックをしない場合、テキストフィールドの項目名を「メールアドレス」にしてください。文字数制限を行う場合、意外と長いメールアドレスがあることを考慮してください。

参考

me-ru2.gif(2060 byte)

URL欄を作る

URL

ホームページ

基本説明

1.テキストフィールド追加する

2.追加されたteki.gif(1175 byte)編集して、項目名を「URL」に変える。

※編集で、文字制約「半角英数字」にすると、日本語を含むURLもはじかれます。

参考

me-ru2.gif(2060 byte)

ラジオボタン (少ない選択肢から一つだけ選ぶ)


※フォームメーラーで作ったラジオボタンは、自動でラベルが付くため、文字列をクリックしてもチェックが入ります。
試しにこの文字と上の選択肢を押し比べてみてください。

基本説明

1.razio0.gif(1794 byte)追加する

2.追加されたrazio01.gif(1178 byte)編集する

1行あたりの配置数は、選択肢が文章なら1つ。 「はい・いいえ」なら2つ・3つあたりでしょうか。ちなみに、5段階評価ならプリセットに「マトリックスリスト」があります。

mato.gif(2156 byte)

↓入力例(選択肢ごとに改行する)
razii.png(17528 byte)

間違ったラジオボタン

はい いいえ

上のラジオボタンは、両方選べてしまいます。

フォームメーラーでは、ラジオボタンの編集画面で選択肢を作ると、自動的にが増えます。何度も基本セットからラジオボタンを追加する必要はありません。

補足

12←ラジオボタンは、押したら消せません。どれか一つ選ぶ仕様です。

そのため、「どの答えも違う」という場合に、「どちらでもない・わからない」などの無回答欄があると助かると思います。(チェックボックス・リストメニューは未選択に戻せます。)

参考

rzizizi.gif(1840 byte)

コード改造 [form要素のみのコード]

▼予め1つにチェックをいれる。
ご意見・ご感想 リンク切れ その他

<input name="field_*****" id="field_*****" type="radio" value="*">
↓
<input name="field_*****" id="field_*****" type="radio" value="*" checked>

※type="radio"のどれか一つにだけcheckedを半角スペース空けて入れます。

checkedラジオボタンかチェックボックスのみに指定できる属性です。では各グループに一つだけには複数指定できます。

チェックボックス (少ない選択肢から複数選ぶ)


※フォームメーラーで作ったチェックボックスは、自動でラベルが付くため、文字列をクリックしてもチェックが入ります。
試しにこの文字と上の選択肢を押し比べてみてください。

基本説明

1.razio0.gif(1794 byte)追加する

2.追加されたrazio01.gif(1178 byte)編集する

1行あたりの配置数は、左から1つ・2つ・3つになります。

↓2つを選ぶとこうなります


↓入力例(選択肢ごとに改行する)
10_80.png(6383 byte)

参考

tyekku.gif(2303 byte)

コード改造 [form要素のみのコード]

▼予めチェックをいれておく。
ららら るるる ろろろ

<input name="field_*****" id="fie*****_*" type="checkbox" value="*">
↓
<input name="field_*****" id="fie*****_*" type="checkbox" value="*" checked>

※type="checkbox"のどれかにcheckedを半角スペース空けて入れます。

checkedラジオボタンかチェックボックスのみに指定できる属性です。では各グループに一つだけには複数指定できます。

リスト・メニュー (多い選択肢から一つだけ選ぶ)

↑最初が「----」になるのは、フォームメーラーの仕様です。

基本説明

1.razio0.gif(1794 byte)追加する

2.追加されたrazio01.gif(1178 byte)編集する

※プリセットにリスト・メニューで作られた
「都道府県」「職業」「日付」があります。

↓入力例(選択肢ごとに改行する)
11_80.png(4344 byte)

参照

risu.png(1128 byte)

コード改造 [form要素のみのコード]

表示を から、 にする

<select name="field_*****">
<option value="">------</option>
↓
<select name="field_*****">
<option value="">職業</option>

※------のみの書き換えならフォームの動作には影響しません。
他の箇所は改変しないでください。

送信ボタンの名前を変える

基本情報

9_80.png(1060 byte)

送信ボタンを編集して、名前を変える。

※確認画面を使用する場合、送信ボタン名は「確認画面へ」になる。

コード改造 [form要素のみのコード]

確認画面を使用する設定のまま、送信ボタン名を変える。
(確認画面の設定は、環境設定の入力内容確認画面設定で行う)

<input name="submit" type="submit" value="確認画面へ">
↓
<input name="submit" type="submit" value="送信確認">

※確認画面へのみの書き換えならフォームの動作には影響しません。
nameやtypeは改変しないでください。