www.wanichan.com

Web > FrontPage > FrontPage 2002 > フォーム

フォームの作成

フォーム

フォームを作ってみよう!

メニューバーより[挿入]→[フォーム]→[フォーム]をクリックします。
すると、このような状態になるかと思います。

フォーム挿入後の画面

[挿入]→[フォーム]をポイントしている状態で、右側メニューの上帯部分にマウスをドラッグすると、
メニューを切り離すことができ、フォームツールバーが出来上がります。
フォーム
これは便利ですのでメニューを切り離してフォームツールバーを表示させておきましょう。

[送信]ボタンの直前にカーソルを移動し、Enterキーを数回押してフォームエリアを広げてください。

Enterキーを数回押した後の画面

フォームフォーム
フォームエリアを作ります
このボタンを押すと[送信]ボタン、[リセット]ボタンが生成されます。
リストのフォームリストのフォーム
リストのフォームを作ります。
SharePoint Team Servicesに対応している場合のみ
リストのフィールドリストのフィールド
リストのフィールドを作ります。
SharePoint Team Servicesに対応している場合のみ
1行テキストボックス1行テキストボックス
テキストボックスを挿入します
スクロールテキストボックススクロールテキストボックス
テキストエリアのフォームを挿入します
ファイルアップロードファイルアップロード
任意のファイルを送信します。
ただしどの環境にも対応できるかどうかは不明です(^^;
チェックボックスチェックボックス
チェックボックスを挿入します
ラジオボタンラジオボタン
ラジオボタンを挿入します
グループボックスグループボックス
グループボックスを作ります。
(FrontPage 2002から新登場)

何かひとつのグループに囲みたい場合に使います。
ドロップダウンメニュードロップダウンメニュー
ドロップダウンメニューを挿入します
選択タイプのテキストボックスかな?
カスタムボタンカスタムボタン
ボタンを好きなようにカスタマイズできます。
(FrontPage 2002から新登場)

例えば色つきの文字にしてみたり、ボタン上に画像を使ったり・・・などなど。
プッシュボタンプッシュボタン
フォームのボタンを作ります
画像画像
画像を挿入したいときに使います
ラベルラベル
ラベルを作ります(よくわかりませんが(^_^;)
フォームのプロパティフォームのプロパティ
フォームの設定をしたいときに使います
フォームエリア内にカーソルがある場合に有効です。
 

とりあえず、名前とE-mailアドレスの入力テキストボックスを作ってみましょう。
体制よく整えるために、表を挿入したほうがいいかもしれませんね。
フォームフィールド挿入後の画面

▲Page TOP

1行テキストボックスを調整しよう

調整したいテキストボックスを右クリックし、
ショートカットメニューより[フォームフィールドのプロパティ]をクリックします。
ダブルクリックしてもかまいません。
テキストボックスのプロパティ

[名前(N)]の設定
フィールドの名前を指定します。
もし名前のテキストボックスであれば「name」、E-mailであれば「email」と入力しておきましょう。
KENTさんのpostmail.cgiを利用される場合は、E-mailを入力必修項目にする場合は「_email」にします。
@homepageの場合、E-mailのテキストボックスは「from」にします。
[初期値(A)]の設定
あらかじめ入力しておきたい文字を設定しておきます。
[文字の長さ(W)]の設定
初期値は20です。数字を大きくすることによって、テキストボックスの横幅を広げることができます。
[タブオーダー(T)]の設定
Tabキーでフィールドからフィールドへ移動するときの順番を指定したいときに、その順番の数字を入れます。
なくても構いません(私は指定していませんが)
[パスワードのフィールド]の設定
入力する情報がパスワードの場合、「はい」にしておくと、アスタリスク「*」表示になります。

HTMLではこのような記述になります

<INPUT TYPE="text" NAME="(名前に指定された文字列)" SIZE="(文字の長さ)">
※初期値を指定すると、value="(初期値)" の記述がタグ内に挿入されます。

フォームデータではこのようになります

(名前に指定された文字列)=(テキストボックスに入力された情報)となります。
たとえば、name=ワニchan といった具合です。

▲Page TOP

スクロールテキストボックスを調整しよう

調整したいスクロールテキストボックスを右クリックし、
ショートカットメニューより[フォームフィールドのプロパティ]をクリックします。
ダブルクリックしてもかまいません。
スクロールテキストボックスのプロパティ

[名前(N)]の設定
フィールドの名前を指定します。「message」と入力しておくと良いでしょう。
[初期値(A)]の設定
予め入力しておきたい文字を設定したいときに入力します。
[文字の長さ(W)]の設定
1行あたりに入力できる半角文字単位の数字、つまり横幅を指定します。
初期値では20になっていますので、横に全角文字10文字まで入ります。
それを超えると折り返して2行目に続けて入力されます。
(ただしInternet Explorerの場合です)
[行数(L)]の設定
スクロールテキストボックスの行数、つまり高さを指定します。
初期値は2で2行を越えるとスクロールバー�����表示されます。
[タブオーダー(T)]の設定
Tabキーでフィールドからフィールドへ移動するときの順番を指定したいときに、その順番の数字を入れます。
なくても構いません(私は指定していませんが)

HTMLではこのような記述になります

<INPUT TYPE="text" NAME="(名前に指定された文字列)" SIZE="(文字の長さ)">
※初期値を指定すると、value="(初期値)" の記述がタグ内に挿入されます。

フォームデータではこのようになります

(名前に指定された文字列)=(スクロールテキストボックスに入力された情報)となります。
たとえば、message=はじめまして! といった感じになります。
もし、メッセージ中に改行を入れると、そのまま改行されて送信されます。

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ