フォームの作成
フォーム
フォームを作ってみよう!
メニューバーより[挿入]→[フォーム]→[フォーム]をクリックします。
すると、このような状態になるかと思います。
[挿入]→[フォーム]をポイントしている状態で、右側メニューの上帯部分にマウスをドラッグすると、
メニューを切り離すことができ、フォームツールバーが出来上がります。
これは便利ですのでメニューを切り離してフォームツールバーを表示させておきましょう。
- フォーム
- フォームエリアを作ります
このボタンを押すと[送信]ボタン、[リセット]ボタンが生成されます。 - リストのフォーム
- リストのフォームを作ります。
SharePoint Team Servicesに対応している場合のみ - リストのフィールド
- リストのフィールドを作ります。
SharePoint Team Servicesに対応している場合のみ - 1行テキストボックス
- テキストボックスを挿入します
- スクロールテキストボックス
- テキストエリアのフォームを挿入します
- ファイルアップロード
- 任意のファイルを送信します。
ただしどの環境にも対応できるかどうかは不明です(^^; - チェックボックス
- チェックボックスを挿入します
- ラジオボタン
- ラジオボタンを挿入します
- グループボックス
- グループボックスを作ります。
(FrontPage 2002から新登場)
何かひとつのグループに囲みたい場合に使います。 - ドロップダウンメニュー
- ドロップダウンメニューを挿入します
選択タイプのテキストボックスかな? - カスタムボタン
- ボタンを好きなようにカスタマイズできます。
(FrontPage 2002から新登場)
例えば色つきの文字にしてみたり、ボタン上に画像を使ったり・・・などなど。 - プッシュボタン
- フォームのボタンを作ります
- 画像
- 画像を挿入したいときに使います
- ラベル
- ラベルを作ります(よくわかりませんが(^_^;)
- フォームのプロパティ
- フォームの設定をしたいときに使います
フォームエリア内にカーソルがある場合に有効です。
とりあえず、名前とE-mailアドレスの入力テキストボックスを作ってみましょう。
体制よく整えるために、表を挿入したほうがいいかもしれませんね。
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 といった具合です。
スクロールテキストボックスを調整しよう
調整したいスクロールテキストボックスを右クリックし、
ショートカットメニューより[フォームフィールドのプロパティ]をクリックします。
ダブルクリックしてもかまいません。
- [名前(N)]の設定
- フィールドの名前を指定します。「message」と入力しておくと良いでしょう。
- [初期値(A)]の設定
- 予め入力しておきたい文字を設定したいときに入力します。
- [文字の長さ(W)]の設定
- 1行あたりに入力できる半角文字単位の数字、つまり横幅を指定します。
初期値では20になっていますので、横に全角文字10文字まで入ります。
それを超えると折り返して2行目に続けて入力されます。
(ただしInternet Explorerの場合です) - [行数(L)]の設定
- スクロールテキストボックスの行数、つまり高さを指定します。
初期値は2で2行を越えるとスクロールバー�����表示されます。 - [タブオーダー(T)]の設定
- Tabキーでフィールドからフィールドへ移動するときの順番を指定したいときに、その順番の数字を入れます。
なくても構いません(私は指定していませんが)
HTMLではこのような記述になります
<INPUT TYPE="text" NAME="(名前に指定された文字列)" SIZE="(文字の長さ)">※初期値を指定すると、value="(初期値)" の記述がタグ内に挿入されます。
フォームデータではこのようになります
(名前に指定された文字列)=(スクロールテキストボックスに入力された情報)となります。たとえば、message=はじめまして! といった感じになります。
もし、メッセージ中に改行を入れると、そのまま改行されて送信されます。
INDEX
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!
2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。