html中接受用戶輸入的form表單定義方式

在使用html語言編寫程序時，若是須要接受用戶輸入信息，能夠經過form表單，將用戶的鍵盤輸入提交併傳遞值給相應的處理文件。

表單容許用戶在經常使用表單（如：文本框、下拉列表、單選框、複選框）中輸入本身的信息。

（1）表單的定義，<form>標籤

<form  action="" method="" ...>
...
    <input type="" ..../>
...
</form>

在表單<form>元素中，action表示提交後觸發那個文件，method表示將表單信息以什麼方式傳遞，經常使用post或get。

表單中最常使用輸入標籤<input>，接受用戶輸入，使用type屬性定義輸入類型。

經常使用的輸入類型以下：

（2）文本域 text fields

用於須要輸入字母、數字時。如：

<from>
First name:<input  type="text" name="firstname" />
Last name:<input   type="text"  name="lastname"  />
</form>

（3）密碼域password，將使用項目符號替代輸入信息顯示。如

<from>
Username:<input  type="text" name="username" />
Password:<input   type="password"  name="password"  />
</form>

（4）單選按鈕 radio buttons，用於從給的選擇中選擇其一，如：

<form>
<input  type="radio" name="sex"  value="male" />Male
<br />
<input  type="radio"  name="sex" value="female" />Female
</form>

（5）複選框 checkboxes，用於從給定選項中選擇多項，如：

<form>
<input  type="checkbox" name="bike" /> I have a car
<br />
<input type="checkbox" name="bike" /> I have a bike
<br />
<input type="checkbox" name="bus" /> I have a bus
</form>

（6）表單提交按鈕。當輸入完畢，將信息傳遞給action指定的文件處理。如：

<form   name="input"  action="welcome.php"  method="get"  target="_bland">
Username:<input  type="text"  name="user" />
<input   type="submit" value="Submit" />
</form>

說明：action定義提交時調整到哪一個頁面；method定義如何發送表單數據可選get或post；target定義如何打開action的url頁面,_bland爲新標籤中打開。

（7）下拉菜單 ，使用<select> 和<option> 標籤，select元素建立單選或多項菜單，option元素定義下拉別表中的一個選項。option元素值在select元素內部惟一，如：

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab" selected="selected">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>