起首,我們需要在html里添加一個form控件,并為form控件寫上action屬性,該屬性會告訴form提交到辦事器的哪一個地址里的。代碼如圖
然后按照本身的需要收集的信息,添加一些控件,好比添加input,select等html控件來收集用戶的名字,春秋,活動快樂喜愛等信息。代碼如圖
(要注重的是每個控件要添加一個name屬性,我們后臺需要經由過程這個name來獲取值)
然后添加一個submit按鈕,這個提交按鈕放在form里時,只要點擊了,就會主動把form表單提交到辦事器的。
到后臺的邏輯了,關頭是怎么獲取到客戶端提交過來的表單數據。這里以php代碼為例子,其他說話的也差不多,可參考實現。
在php里有一個全局性的數組變量,_POST變量,可以獲取到客戶端post過來的數據。(我們上面的form表單是用post方式提交過來的)。
好比春秋字段的獲取,我們可以經由過程如許來獲取, age = _POST[‘age']; 這里的age字符就是表單春秋控件的name的値。
領會到了上面的獲取方式,我們把表單里的三個控件的數據都獲取到,然后簡單處置,直接輸出到頁面里,來看下是否能準確獲取到。代碼如圖。
運行頁面,我們輸入本身的信息,點擊提交按鈕。
提交到辦事器后,辦事器收集到表單的數據,清算了一下后直接輸出頁面,我們可以看到收集到的數據是完全準確的。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!