前端之html表單
阿新 • • 發佈:2018-12-06
html表單
用於蒐集不同型別的使用者輸入
表單由不同型別的標籤組成
1、<form>標籤 定義整體的表單區域
* action屬性 定義表單資料提交地址
* method屬性 定義表單提交的方式,一般有“get”方式和“post”方式
2、<label>標籤 為表單元素定義文字標註
3、<input>標籤 定義通用的表單元素
* type屬性
* type="text" 定義單行文字輸入框
* type="password" 定義密碼輸入框
* type="radio" 定義單選框
* type="checkbox" 定義複選框
* type="file" 定義上傳檔案
* type="submit" 定義提交按鈕
* type="reset" 定義重置按鈕
* type="button" 定義一個普通按鈕
* value屬性 定義表單元素的值
* name屬性 定義表單元素的名稱,此名稱是提交資料時的鍵名
4、<textarea>標籤 定義多行文字輸入框
5、<select>標籤 定義下拉表單元素
6、<option>標籤 與<select>標籤配合,定義下拉表單元素中的選項
表單:`*****`
是什麼?能幹什麼?就是用來收集使用者的資料的一組標籤。
怎麼幹?5個標籤5個屬性8個值
form:就是表單,沒有顯示效果,就是一個框,用來裝其他標籤
action:資料提交的url地址,如果不寫,預設提交當前路徑
method:資料的提交方式。GET、POST,主要區別是資料放置的位置不同,GET是拼接在請求路徑中,是明文顯示的,所以不安全。POST,資料放置在請求體中,也是明文傳送的,所以也較不安裝。