8月の授業日記

8月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

8/29 フォーム

フレーム復習

  • フレームは複数のファイルを同時に開いているので複雑なのはDWも同じ
  • 必要のないファイルはいったん閉じる
  • フレーム状態で開くにはフレームセットのページ
  • フレームページのどのフレームに開くかはターゲット

diaryのフレームを構成するファイル

  1. フレームセットファイル(diary/index.htm)>フレームを定義する見えないページ
  2. topFrameのメニューページ(diary/menu.htm)
  3. mainFrameの各月のページ(diary/8.htm)

フォーム

  • ブラウザがあらかじめ保持しているパーツを使い見ている人からデータを送信することができる。
  • 送られるデータはname(ラベル):value(データ)で送られる

DWでのフォーム

  • フォームは送信方法や送信先などを記したフォームタグ内に記述しなければいけない
  • このためのエリア、フォームを挿入(赤枠のエリア)し、この中にパーツを配置する

テキストフィールド

  • 閲覧者が自由に文字を入力し、送信できるのがテキストフィールド
  • 入力した文字がドットに置き換えられて他から見えないのがパスワードフィールド
  • タイプで上記を切り替えられる
  • 初期値に文字を入れると最初にその文字が入った状態で表示される

ラジオボタン

  • 選択肢の中から択一で選ぶにはラジオボタン
  • 同じnameを持つもののひとつをチェックすると他が自動でチェック解除される

チェックボックス

  • 選択肢の中から複数選択する場合にはチェックボックス
  • 上記二つはどれがチェックされたかわかるようvalueも必須

ボタン

  • フォームの送信やリセットなどの機能を持ったボタンを挿入できる
  • アクションで送信 リセット を切り替える
  • 値に入れた文字がボタンに表示される

フォームの送信設定

  • フォームデータの送信先や送信方法はフォームタグで設定する
  • フォームタグを選択するにはドキュメントウインド左下のタグセレクタで<form>をクリック
  • そのままでは読めないので通常はcgiでデコードする
  • 一部のブラウザでは以下の設定でデータをメールでも送信できる
    • アクション>mailto:メールアドレス
    • メソッド>post
    • エンコーディングタイプ>text/plain

きょうのひとこと