HTML 表單用于搜集不同類型的用戶輸入。
<form> 標(biāo)簽用于創(chuàng)建供用戶輸入的 HTML 表單。
<form> …</form>
使用 action 屬性規(guī)定當(dāng)提交表單時(shí),向何處發(fā)送表單數(shù)據(jù)。
<form action="http://m.miracleart.cn"> </form>
method 屬性
method 屬性指定在提交表單時(shí)使用的 http 方法:get 或 post。
下面是兩個(gè)示例:
<form action="url" method="get"> <form action="url" method="post">
提示:
當(dāng)您使用 get 時(shí),表單數(shù)據(jù)將在頁面地址中顯示。
如果表單正在更新數(shù)據(jù)或使用敏感信息(密碼),請(qǐng)使用 post。post 提供更好的安全性,因?yàn)樘峤坏臄?shù)據(jù)在頁面地址中不可見。
name 屬性
name 屬性指定表單的名稱。
要接收用戶輸入,你需要相應(yīng)的表單元素,如文本字段。而輸入類型是由類型屬性(type)定義的,大多數(shù)經(jīng)常被用到的輸入類型有:text,password,radio,checkbox,submit 等。
下面是一個(gè)請(qǐng)求用戶名和密碼的表單例子:
<form> <input type="text" name="username" /><br /> <input type="password" name="password" /> </form>
單選框
<input type="radio"> 標(biāo)簽定義了表單單選框選項(xiàng)。
下面是一個(gè)單選框的例子:
<form> <input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female </form>
運(yùn)行顯示效果如下:
復(fù)選框
<input type="checkbox"> 定義了復(fù)選框. 用戶需要從若干給定的選擇中選取一個(gè)或若干選項(xiàng)。
下面是一個(gè)復(fù)選框的例子:
<form> <input type="checkbox" name="vehicle" value="Bike">I have a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car </form>
運(yùn)行顯示效果如下:
<form> <input type=" " name="sex" value="male">Male<br> < type="radio" name="sex" value="female">Female </form>
提交按鈕將表單提交到其 action 屬性:
<input type="submit" value="Submit" />
運(yùn)行顯示結(jié)果如下圖:
表單提交后,應(yīng)該使用服務(wù)端語言(如 PHP)進(jìn)行數(shù)據(jù)處理。當(dāng)完成 HTML 和 CSS 課程后,你可以試著學(xué)習(xí) PHP 課程。