之前介紹了PHP與HTML的關係、變數以及if的用法,接下來再介紹如何傳送表單的內容

這樣就可以做出簡易的雲端運算,如下所示,簡單的加減乘除

 

 

 

 

表單的意思就是,所有在表單裡的所有資料,都視為一個整體

類似我們常常看到醫生拿著病歷表,上面有很多資料,有些是要填寫,有些是打勾

不管是什麼類型,上面所記錄的所有資料都屬於名稱叫做[病歷表]的表單

當其它醫生要拿這份病歷表,裡面所有的資料都會一起帶著走

用HTML表示,就是

<form>

在中間的所有資料,都可以被傳送處理

</form>

範例裡的HTML,顯示出來就是

<form method="POST" action="test.php">

 <input type="text" name="T1" size="9">

<select name="D1">

  <option selected>+</option>
  <option>-</option>
  <option>*</option>
  <option>/</option>

</select>

<input type="text" name="T2" size="10">

<input type="submit" value="答案" name="B1"><input type="reset" value="重新設定" name="B2">

</form>

資料的呈現可以有很多種,這個範例是純粹文字輸入跟下拉式選單

從<form></form>開始介紹

<form  method="POST" action="test.php">

method="POST" 網頁傳遞資料的方法有兩種,一種是POST、一種是GET

表單屬於POST

action="test.php" 是要把表單資料傳送到哪個檔案,這邊範例是把資料傳送到自己test.php

form還有其他的屬性可供選擇,往後需要用到再解說囉

<input type="text" name="T1" value=""> 這就是文字輸入的語法

input 就是輸入啦,type就是設定形態,text就是文字輸入的形態名稱

name就是代表這筆資料的名稱,就等於病歷表上的姓名、年紀、病狀等這些名稱,只不過這邊要求是英文

更重要的是,傳送到其他網頁,做處理的時候,需要做判別,才知道這筆資料該怎麼處理

而且與其他的資料名稱不能重複唷!不然會亂掉唷

<select name="D1"> 這是下拉式選單的語法,name也是作為判別

  <option selected>+</option>這就是下拉式選單的值,selected就是預設好被選取
  <option>-</option>    然後把加減乘除填上去
  <option>*</option>
  <option>/</option>

</select>

設計好如何輸入資料之後,還差一個可以傳送出去的按鈕,就是

<input type="submit" value="答案" name="B1">

按下去就會把表單裡面的資料,傳送到起初action設定的網頁,也就是test.php

還有一個重新設定,這個就可有可無啦!

<input type="reset" value="重新設定" name="B2">

如果記這些語法太傷腦筋,就利用frontpage來創造

在插入有個表單,裡面可以選取資料的形態,然後在複製他的語法貼到test.php裡面就好

設定好表單內容,接下來就要開始處理傳送後的資料,如何呈現啦

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 痞子貓 的頭像
    痞子貓

    微型/私有雲端運算(使用PHP)

    痞子貓 發表在 痞客邦 留言(0) 人氣()