close

「左頁框」未傳值給「右頁框」畫面：
form_target

 

「左頁框」已傳值給「右頁框」畫面：
form_target_set

以上兩欄頁框結合Form表單傳值要謝謝同學全棋的告知!
若在「左頁框」文字方塊上輸入Username與Password並點選按鈕，「右頁框」頁面將可以接收到Username與Password文字方塊的值，以下則是HTML程式碼。

(1) 首先，我們要有一個首頁，也就是要用來分割左右頁框的(或是定義此兩個頁面要如何分割) - index.html

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>index</title>
</head>

<!- 分割左右頁框比為3比7 -->
<frameset rows="*" cols="30%,70%">
   
    <!- 左方頁框內容為left.php -->
    <!- name="left"為定義左頁框的標籤 -->
    <frame src="left.php" name="left" />
    <!- 右方頁框內容為right.php -->
    <!- name="right"為定義右頁框的標籤 -->
    <frame src="right.php" name="right" />
</frameset>

</html>



(2) 左頁框內容，有Form表單，並傳值至右頁框(right.php) - left.php

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>left</title>
  </head>
  <body>
    <li>Left</li>
    <form name="form" method="POST" action="right.php" target="right">
    Username：<input type="text" name="id" /> <br>
    Password：<input type="password" name="pw" /> <br>
    <input type="submit" name="button" value="傳值至右方框架" />
  </body>
</html>



(3) 右頁框內容，用於接收左頁框的Username與Password值 - right.php

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>right</title>
  </head>
  <body>
    <li>Right</li>
    <?php
    if($_POST["id"] != null)
    {
        echo "<li>Username：" . $_POST["id"] . "</li>";
    }
    if($_POST["pw"] != null)
    {
        echo "<li>Password：" . $_POST["pw"] . "</li>";
    }
    ?>
  </body>
</html>



以上的教學若有錯誤，也請告位告知或糾正，謝謝~~^^!!

arrow
arrow
    全站熱搜

    dreamtails 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄