表單
表單
什么是表單? 收集用戶的資訊提交給后臺服務器
表單form標簽
action: 指定提交的地址，
method：指定提交的方式， get/post
（一）Get與post的區別
（1）長度的顯示:get方式限制為2k字符以內
（2）安全性:get的方式提交的資料會呈現在地址欄,敏感資料容易被截獲，只有加了name屬性標簽元素才能提交到服務器，post 會隱藏起來較安全，
文本框
Maxlength: 指定文本框能接受的最大字符個數
Size: 文本框的大小(寬度)
Value: 指定初始值
Placeholder: 占位符,當輸入框為空的時候顯示的文字
密碼框
密碼框和文本框是一樣的,唯一不同的是密碼框以掩碼的形式顯示內容,保證其安全性，
Label
(1)可以單獨對其設定樣式
(2)for屬性與input中id關聯 , 單擊文本可以獲得對應input的焦點，
提交按鈕
(1)點擊按鈕之后跳轉到form表單指定的action
(2)value屬性:value對應的值就是按鈕上顯示的字
(3)點擊按鈕:將form表單中input里name的屬性值(鍵)和用戶輸入的值組成了鍵值對，并拼接在form表單中action屬性值的后面，
?表示后面是引數,username 是鍵名 xiaoming 是鍵值 組成鍵值對多個引數之間用&分割，
重置按鈕
(1)點擊按鈕,重置表單內部的輸入框
(2)value屬性,value對應的值是按鈕上顯示的字
單選按鈕
如果說要將若干個單選按鈕編為一組(一組中只能有一個被選中)，需要設定相同name屬性
name 名字相同才能互斥
如果需要默認選中某個選項，需要加上checked屬性
標簽屬性的表示形式:
(1)鍵值對: 屬性名 = 屬性值
type = “text” name = “role”
(2)一些取值為布爾型別的屬性直接使用屬性名
checked(默認選中) readonly(只讀)
多選按鈕
普通按鈕
點擊按鈕沒有任何反應
圖片按鈕
(1)作用和submit按鈕是一樣的
(2)需要設定一個src屬性的值,如果說src對應的路徑沒有找到圖片(寫了alt屬性，顯示alt的值，沒設定alt屬性,按鈕顯示默認值”提交”)類似img標簽，
Button標簽
(1)內容可以是任意資源(eq:段落，圖片，視頻……)
(2)如果button標簽放在了form表單內部,作用和submit一樣
檔案選擇框
Accept: 可以指定選擇檔案型別
上傳檔案需要指定對應的表單屬性
Enctype: 編碼型別
下拉串列
select：定義一個下拉串列
option：定義下拉串列的一個選項
select：標簽的name屬性定義了提交的引數名
option：標簽的內容定義了該選項顯示的文本,value屬性定義了選中該選項時傳遞的引數值
多選可以通過multiple屬性來實作,ctrl+單機 可以選擇多個
select標簽里size屬性定義了下拉串列框顯示的選項個數,當小于實際選項個數時,會自動增加一個滾動條，
Selected 默認多選選中，
選項分組: optgroup
optgroup的lable屬性定義分組顯示的文字,disabled設定該分組不可用
Textarea
主要是為了方便用戶輸入較多的文字資訊，
rows 指定編輯區域的行數 cols 指定編輯區域的列數
隱藏域
當需要向服務器傳遞引數,并且引數無需用戶輸入,不想讓用戶看見，可以用隱藏域來實作，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/278413.html
標籤：其他
上一篇：leach協議性能