form表單詳解

form表單

form是一個複雜的系統標籤，其內部又可包含不少的一些輸入標籤

例如input 輸入文本標籤  checkbox 多選標籤等等

form表單有幾個屬性咱們須要注意一下

　　1：action屬性，裏面寫的是url連接，接就是表單提交的地址

　　2：method屬性，裏面寫的是數據提交的方式，能夠寫入get或者post

　　3：enctype屬性，提交數據的編碼格式

form表單中的標籤的先後臺交互

form表單被咱們應用在先後臺交互的環節的，裏面的值能夠在後臺經過某些key取出來

下面就來說解不一樣標籤取值的方法

1. input 標籤
input標籤咱們最爲常見，裏面有三個屬性比較重要
　　a. type 他是表明input的類型
　　b. name 他就是後臺取值的依據(key)
　　c. val 他是咱們輸入的值，也是後臺須要的值
　　<input type="" name="">

而後咱們根據type的類型，又能夠把input進行細分

　　a. text 表示普通的文本，明文輸入
　　b. password 輸入的也是文本，密文輸入
　　c. number 輸入的是數字，不是數字不讓輸入
　　d. submit 提交按鈕，提交form表單的內容
　　e. button 普通的按鈕
　　f. radio 單選框，咱們須要注意的是單選框的全部的name值必須相同
　　　　　　若是name不相同，就說明不在同一個選擇方位，也就不存在單選，而後想要在後臺取到他的值，

　　　　　　你必須在定義的時候給附上一個值給value，這樣才能取到值
　　g. checkbox 複選框，內容和單選框同樣
　　h. file 選擇文件，能夠選擇文件提交給後臺

以上基本是input的全部類型，須要注意幾個點
　　1.取值都是經過name進行取值，因此必須給name賦值
　　2.文本類型想要附上初始值，直接在value中加入值就能夠
　　3.選擇框若是想要默認選中誰，那就在誰的標籤中加入checked屬性

2. select 標籤
select標籤是一個下拉框的形式讓用戶進行選擇選項
因此select標籤中必須包含option標籤才能顯示屬性
形式爲：
<select>
<option></option>
<option></option>
</select>

而後select中有全局屬性name，這個name是後臺又來進行取值的
每一個option標籤的文本內容是顯示給用戶看的，咱們須要取的是option標籤中的value屬性，因此在開始必須給option的value賦值
後臺經過select的name取值，直接取到的就是對應option的value

若是咱們向讓他默認選擇某個option，能夠在option標籤中加入selected屬性，若是都不加，默認是顯示第一個

3. button 按鈕標籤
新出的標籤，與input中type爲button的按鈕同樣

4. textarea 文本框標籤

與input中的text同樣都是輸入文本的，可是textarea標籤沒有字數的限制，而且輸入框能夠拖拉。