html--表單

標籤：允許   pos   沒有   方法   屬性   orm   isa   button   字元   

表單

表單的結構：

　　<form 屬性="屬性值">

　　　　控制項

　　</form>

表單的屬性：

1、name：表單的識別名稱，一個頁面有多處表單，通過表單的識別名稱來辨認你提交的是哪個表單的資料

　　<form name="bill"></form>

　　<form name="game"></form>

2、action：表單資料傳遞到後端的路徑

　　<form action="xxx.action"></form>

3、mehod：把表單資料提交到服務端的方式常見的兩種get；post

　　get方法：預設的一種傳遞資料的方法，通過地址欄傳遞表單中的資料

　　　　特點：不能傳遞敏感性資料例如：密碼

　　　　　　　不能傳遞大量資料，每次只能傳遞1024個位元組

　　　　　　　不能上傳附件

　　post方法：不通過地址欄傳遞，直接傳遞到服務端

　　　　特點：相對安全

　　　　　　　可以傳遞海量資料

　　　　　　　可以上傳附件

控制項

1、單行文字框

　　<input type="text"/>　　

　　屬性：name="名稱" 文字框的識別名稱（必須要有）

　　　　　size="數值" 輸入框的寬度，以字元為單位

　　　　　maxlength="數值" 最多允許輸入的字元數，如果超出範圍則輸入不進去

　　　　　value="內容" 輸入框中的預設資料資訊

2、密碼框　　

　　<input type="password"/>

　　屬性：name="名稱" 密碼框的識別名稱（必須要有）

　　　　　size="數值" 密碼框的寬度，以字元為單位

　　　　　 maxlength="數值" 最多允許輸入的字元數，如果超出範圍則輸入不進去

　　　　　value="內容" 密碼框中的預設資料資訊

　　　　　readonly="readonly" 唯讀屬性，只能選中不能修改

　　　　　disabled="disabled" 禁止屬性，不能選中不能修改

3、選項按鈕

　　<input type="radio"/>

　　屬性：name="名稱" 選項按鈕組的名稱 

　　　　　value="資料" 設定每一項單選的值（必須設定）

　　　　　<input type="radio" name="sex" value="1"/>男

　　　　　<input type="radio" name="sex" value="0"/>女

4、複選框

　　<input type="checkbox"/>　

　　屬性：name="名稱" 多選按鈕組的名稱 

 

　　　　　value="資料" 設定每一項的值（必須設定）

　　　　　checked="checked" 預設勾選

5、多行文字框

　　<textarea></textarea>　

　　屬性：name 多行文字框的識別名稱

　　　　　value 不能出現value屬性，如果想設定預設值格式如下<textarea>預設值</textarea>

　　　　　rows 顯示多少行內容

　　　　　cols 顯示一行顯示多少個字元

6、下拉式清單

　　<select>

　　　　<option>內容</option>

　　　　<option>內容</option>

　　　　<option>內容</option>

　　　　......

　　</select>

　　select屬性

　　　　name 下拉式清單的識別名稱

　　option屬性

　　　　value 代表每一項的初始值，預設值是option標籤中的內容

7、隱藏欄位

　　<input type="hidden" name="名稱"/>

　　隱藏欄位，不是給客戶看而是給程式用的

8、檔案域

　　<input type="file"/>

　　屬性：name 檔案域的名稱

　　　　　value 不寫value，而是通過單擊按鈕來選擇檔案，選中的檔案就是value

9、按鈕

　   提交按鈕<input type="submit" value="按鈕上的文字"/>提交資料

　　圖片按鈕<input type="image" src="圖片的路徑"/>屬於提交按鈕的一種

　   重設按鈕<input type="reset" value="按鈕上的文字"/>恢複到預設設定的狀態

　   普通按鈕<input type="button" value="按鈕上的文字"/>本身沒有功能，需要結合程式構成功能

 

html--表單