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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章