html-表單

夸父追夢@發表於2020-12-09
form 表單:

 能夠獲取使用者資料並且傳送給後端

能夠獲取使用者資料並且傳送給後端


引數說明:
action 控制資料的提交路徑
1.action不寫,預設朝當前頁面所在的地址提交
2.寫全路徑 www.baidu.com 例如向百度提交
3.只寫字尾 /index/ 能夠自動補全當前頁面所載的後端伺服器IP:port (暫時不考慮)


method 控制請求方式
預設get請求
也可以攜帶資料 但是資料是直接破解在url後面的 不安全並且大小有限制
url?username=tom?password=123
可以修改為post請求
攜帶的資料存放在請求體裡面


enctype 控制資料的編碼方式
預設是urlencoded只能傳送普通的文字, 不能傳送檔案
如果你要傳送檔案 必須修改為formdata
傳送檔案必須要修改的兩個引數
method=‘post’
enctype=’…formdata’


input 標籤 獲取使用者資料的(輸入 選擇 上傳.....)

type可以書寫的型別: text 普通文字 password 展示密文(密碼的‘*’號檔案) date 日期 radio 單選 預設選擇可以使用cheked(屬性名和屬性值一樣的時候就可以簡寫) checkbox 多選 預設選擇可以用checked file 獲取檔案 瞭解:可以加multiple 支援傳多個檔案 sublime 觸發form表單提交動作 button 什麼功能都是沒有,就是一個普通的按鈕,最重要的功能,後續可以自定義功能。 reset 重置按鈕



select  標籤的結構:

o1 o2 o3 ```
select 標籤  下拉框 預設是單選  可以加multiple成多選
一個個下拉框選項是一個個的option標籤
option標籤預設選中可以加selected

textarea 標籤 獲取大段文字內容

<textarea name="" id="" cols="30" rows="10"></textarea>
label 標籤 給input 加上對於的註釋資訊,不寫其實也沒有關係
input 寫在label
label的for關聯input的id值,可以不巢狀

獲取使用者資料的標籤都應該有name屬性
因為你需要給後端傳送資料並且需要標明資料到底表示什麼
name   字典的key
value  字典的value(使用者資料)

需要使用者選擇的標籤  你需要自己加上value值
radio
checkbox
option
:如果你給獲取使用者輸入的標籤加了value值 那麼久類似於預設值

hidden,disable,readonly,placeholder

#觸發form表單提交資料的兩種方式
type=submit
button 按鈕


相關文章