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