■ ≪戻る ★ホームページ作成ソフト・ホームページビルダーを中心にした解説/ホームページの作成支援サイト★ ■ ホームへ≫



  ■ "PostMail"のフォーム内容を変更する


  まず、 postmail.html を開きます。そこには、フォームの例として設置されたものがありますが、
  フォームの設置方法を理解しておく為にも削除して、設置し直しましょう。
  ※フォームを作成するのは必ずこの postmail.html です。

  




  ◆ フォームの作成 ◆


  .まず、フォームを作りたい位置にカーソルを移動し、メニューバーから「挿入」
   「フォームと入力部品」「フォーム」を選択します。

    すると、ページ編集画面上にフォーム枠(点線の枠)が挿入されます。

  


  .フォーム枠(点線の枠)の中で、右クリック→「属性の変更」、もしくは、「属性の変更」ボタン→
   「FORM の属性」を選択します(下図参照)。

  


  すると、フォームの[属性]ダイアログが表示されるので、このフォーム内に記入されたデータの送信先や
  送信方法などを指定していきます。

  


  .[アクション]に、データの送信先 URL を指定します。

   (action属性)

    ここでは、 postmail.cgi と入力します。 


  .[メソッド]で、送信形式を指定します。

   (method属性)

    ここでは、 Post を選択します。


  以上で、フォームの設定は完了です。後は、このフォーム枠の中に、必要に応じた入力部品を入れて
  いくだけです。

  ("フォームの[属性]ダイアログ-隠しフィールド"で行える設定がいくつかありますが、それについては
   後ほど解説します)

                                        ▲ページTOPへ


  ◆ フォーム枠の中に入力部品を入れる前に ◆


  フォーム枠の中に入力部品を入れていく前に、表を挿入しておきましょう。表を使う事で、文字や
  レイアウト用の画像、入力部品などをキレイに配置する事が出来ます。また、見た目に良いデザインに
  仕上げる事も出来ます。

   デザイン例
  
  これはデザイン例なので送信できません。
お名前
E-mail
問い合わせ内容 質問 要望 暇つぶし
当サイトへの質問や感想など
ご自由にお書き下さい。
   
   


  デザイン例を表の枠だけにすると、次のようになります。

   
  これはデザイン例なので送信できません。
   
   
お名前
E-mail
問い合わせ内容 質問 要望 暇つぶし
当サイトへの質問や感想など
ご自由にお書き下さい。
   
   
     

  ちなみに、文字、レイアウト用の画像、表が、データとして送信されることはありません。フォーム枠の
  中で送信されるのは、「入力部品のデータ」と「入力部品に書き込まれたデータ」だけです。

                                        ▲ページTOPへ


  ◆ 入力部品の作成 ◆


  .フォーム枠内をクリックすると、次のような[入力部品]ダイアログが表示されるので、各ボタンを
    クリックして必要に応じた入力部品を挿入していきます。

  


   各ボタンと、入力部品の解説は以下の通りです。入力部品の設置方法については、設置例の下のリンク
   部分をクリックして各解説ページで確認してください。

ボタン 入力部品一覧
(主な用途)
入力部品設置例
  一行テキストボックス
  (名前、住所、電話番号、
   メールアドレスなど)


入力部品[1行テキストボックス]の設置方法
  複数行テキストボックス
  (意見や感想を求める時など)


入力部品[複数行テキストボックス]の設置方法
    ラジオボタン 
(複数の選択肢の中から1つだけ
 選択してもらいたい時) 
  

入力部品[ラジオボタン]の設置方法
    チェックボックス 
(複数の選択肢の中から複数
 選択してもらいたい時)
   

入力部品[チェックボックス]の設置方法
    リストボックス 
(複数の選択肢の中から1つだけ
 選択してもらいたい時。)
         ※複数選択可


入力部品[リストボックス]の設置方法
    オプションメニュー 
(複数の選択肢の中から1つだけ
 選択してもらいたい時)


入力部品[オプションメニュー]の設置方法
    送信ボタン
(各部品に記入された内容を指定の
 URLやメールアドレスに送る為の
 ボタン。)


入力部品[送信ボタン]の設置方法
    リセットボタン
(各部品に記入された情報を初期
 設定の値に戻す為のボタン。)


入力部品[リセットボタン]の設置方法

   ※補足 メール控えの必要・不要を選択する[チェックボックス]を設置する事が出来ます。
       設定については、入力部品[チェックボックス]の設置方法をご覧下さい。


  .入力部品の設置が終わったら、フォームは完成です。

                                        ▲ページTOPへ


  ◆ フォームの[属性]ダイアログ-隠しフィールド"で行える設定 ◆

    PostMail では、フォームの[属性]ダイアログ-隠しフィールドで次の設定が出来ます。
   ※この設定は、フォームと入力部品の設置が終わった後に行います。

    ○ 入力必須項目の強制指定(ラジオボタン、チェックボックスも入力必須項目にする事が可能)
    ○ 2つの[一行テキストボックス]に入力された内容が同一かをチェック

    詳細はこちら→ ■ 入力必須項目を強制指定する方法
            ■ 2つの入力された内容が同一かをチェックする方法




  「PostMailのフォーム内容を変更する」に関する解説は以上です。


  ■ ≪戻る




さぬきWEBは個人・お店用ホームページ制作代行を行っているSOHOです  さぬきWEBは個人・お店用ホームページ
 制作・作成代行を行っているSOHOです
 さぬきWEBへ≫
ホームページ作成ソフト・ホームページビルダーを中心にした解説/ホームページの作成支援サイト/ホームページを築城せよ!!  ホームページ作成ソフト・ホームページ
 ビルダーを中心にした解説/
 ホームページの作成支援サイト

Copyright(C)2006 ホームページを築城せよ All Rights Reserved