網頁中如何收集用户數據？

在做網頁開發時，很多時候我們需要和用户進行交互。比如收集用户的愛好信息，如何實現這個功能？其實很簡單，我們利用form表單，就能把用户的信息提交到服務器了，下面來看下怎麼提交。

操作方法

（01）首先，我們需要在html裏添加一個form控件，併為form控件寫上action屬性，該屬性會告訴form提交到服務器的哪一個地址裏的。代碼如圖

（02）然後根據自己的需要收集的信息，添加一些控件，比如添加input，select等html控件來收集用户的名字，年齡，運動愛好等信息。代碼如圖(要注意的是每個控件要添加一個name屬性，我們後台需要通過這個name來獲取值）

（03）然後添加一個submit按鈕，這個提交按鈕放在form裏時，只要點擊了，就會自動把form表單提交到服務器的。

（04）到後台的邏輯了，關鍵是怎麼獲取到客户端提交過來的表單數據。這裏以php代碼為例子，其他語言的也差不多，可參考實現。在php裏有一個全局性的數組變量，_POST變量，可以獲取到客户端post過來的數據。（我們上面的form表單是用post方法提交過來的）。比如年齡字段的獲取，我們可以通過這樣來獲取， $age = $_POST[‘age']; 這裏的age字符就是表單年齡控件的name的値。

（05）瞭解到了上面的獲取方法，我們把表單裏的三個控件的數據都獲取到，然後簡單處理，直接輸出到頁面裏，來看下是否能正確獲取到。代碼如圖。

（06）運行頁面，我們輸入自己的信息，點擊提交按鈕。

（07）提交到服務器後，服務器收集到表單的數據，整理了一下後直接輸出頁面，我們可以看到收集到的數據是完全正確的。