[html] 實戰Form

  • 0

實戰Form by TonyQ @ iT邦





  1. <form>  
  2.     <p>請輸入帳號 <input type="text" name="account" /> </p>  
  3.     <p>請輸入密碼 <input type="password" name="password" /> </p>  
  4.   
  5.     <p><input type="submit" value="送出" /></p>  
  6. </form>  
-> http://files.tonyq.org/iron5/05_01_form.html?account=abc&password=123

＠ 那伺服器端要怎麼接受資訊呢？
這個伺服器端必須能夠動態的去接收這些參數，並且呈現對應的內容。
業界稱這種接收資訊與處理內容的服務為伺服器端（Server Side，又稱後端。），
伺服器端有許多選擇可以使用，如 php 、JSP、ASP.Net 等各種選項


05_04_hello.php
檢視原始檔複製到剪貼簿列印關於
  1. <html>  
  2.     <head>  
  3.         <title>表單練習 - 會打招呼的網頁 -表單 </title>  
  4.     </head>  
  5.     <body>  
  6.         <?php if(isset($_GET["nickname"])){ ?>  
  7.               
  8.             Hi <?php echo $_GET["nickname"] ?>,  
  9.             <?php   
  10.             if($_GET["nickname"] == "Jack") {  
  11.                 echo "我認得你，你是我的好朋友嘛！";  
  12.             }else if($_GET["nickname"] == "JavaScript"){  
  13.                 echo "咦，你跟某個程式語言名字好像喔！！";  
  14.             }else if($_GET["nickname"] == "Ryan"){  
  15.                 echo "不要這麼重色輕友，偶爾也要出來聚餐啊XDDD";  
  16.             }else{  
  17.                 echo "初次見面請多指教！";  
  18.             }  
  19.             ?>  
  20.   
  21.         <?php }else { ?>  
  22.         <form>  
  23.             <p>請輸入您的暱稱 <input type="text" name="nickname" /> </p>  
  24.             <p><input type="submit" value="送出" /></p>  
  25.         </form>  
  26.         <?php }  ?>  
  27.     </body>  
  28. </html>     

 $_GET["nickname"] 就可以取得 nickname 的內容
但這種作法不安全，所以要使用下一篇 
動態 v.s. 靜態網站 
的 POST 的方法

沒有留言 :

張貼留言

訂閱： 張貼留言 ( Atom )