公告版位

「左頁框」未傳值給「右頁框」畫面:
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>



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

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


留言列表 (1)

發表留言
  • 訪客
  • 如果右頁要不斷地加入左頁的數值時
    而右頁的資料不斷地增加時
    應該要如何改?

    例如: 右邊頁

    Right
    Username:12312312312
    Password:412421412412
    Username:12312312312
    Password:412421412412
    Username:12312312312
    Password:412421412412
    Username:12312312312
    Password:412421412412
    Username:12312312312
    Password:412421412412