賈維斯的智慧工坊

  • Home
  • About
  • Note
  • Project
  • Experience
  • Service
  • Sitemap


MY | NOTES

  1. 首頁
  2. >
  3. 筆記
  4. >
  5. 網頁設計

[HTML/CSS/JS/PHP]
Form example

用PHP設計表單
Mar, 2016
表單form算是HTML的語法,但如果要傳送值,就必須使用PHP的動態環境
我之所以要用這個是因為

龍記牛肉麵 | 線上下單

在這個宅配訂購頁面中,按下送出
就能把表單內容利用Angular JS傳送給Firebase資料庫
但轉移到新的頁面後,儲存的變數會被清空
無法再次顯示出來

如果是到新頁面後,呼叫資料庫最新一筆資料
這方法雖然可以,不過如果同時有兩人在下單
都停留在完成的頁面,就會看到最新一筆資料
就有可能看到別人的訂單

簡單來說,訂購完成的頁面,裡頭的值
只跟form有關,並沒跟資料庫有任何連接
而這也是此篇要記錄的重點

基本指令

首先,分為以下兩頁
1、order.php
2、finished.php

只介紹form,並沒加入資料庫的指令

order.php

<form name="form" method="post" action="finished.php>
	<input style="width:100px" type="text" name="YourName">
	<input type="submit" name="submit" value="送出">
</form>

finished.php

<?php
	$YourName = $_POST[YourName];
	echo $YourName;
?>

條件要求

可以在form tag中加入function
並將js打在上面的script
以下使用上面的範例繼續示範
設定的b是表格、f為打勾的框框

判斷是否有值
document.form.check.value
判斷是否打勾
document.form.YourName.checked

order.php

DEMO

如果沒輸入東西或沒打勾,都會跳出警告

姓名:
請打勾

Reference

1、PHP 5 Form Handling
2、PHP form 讀取表單資料傳遞

← Back to note