html-表單
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 按鈕
相關文章
- html-表單標籤HTML
- HTML-簡介HTML
- HTML-知識點總結HTML
- html-拖拽釋放(Drag and drop) APIHTMLAPI
- 012---表單、下拉選單和表單域
- 事件 滑鼠事件 表單事件 from表單事件
- 表單識別:自定義表單模板快速完成表單電子化
- 自定義表單 動態表單 表單設計器 流程引擎 設計方案
- 提交表單
- 重置表單
- Flask表單Flask
- angular - 表單Angular
- Django——表單Django
- 文件驅動 —— 表單元件(一):表單元素元件元件
- jQuery獲取表單值及幾個表單事件jQuery事件
- elementui表單驗證 對比兩個表單大小UI
- DcatAdmin 擴充套件: 自定義表單(動態表單)套件
- orm單表操作ORM
- 單表查詢
- 表單form方式ORM
- 表格與表單
- 表單欄位
- HTML 表單概述HTML
- 清空form表單ORM
- Antd表單FormListORM
- 2020.9.27 表格、表單
- 表單標籤
- css表格表單CSS
- form表單的簡單介紹ORM
- java 自定義表單 動態表單 表單設計器 工作流引擎 flowable 專案原始碼Java原始碼
- Vue資料驅動表單渲染,輕鬆搞定form表單VueORM
- OCR表單識別自主建模簡化表單錄入工作
- 【react】實現動態表單中巢狀動態表單React巢狀
- 【中後臺應用】從表單抽象到表單中臺抽象
- PbootCMS使用者提交表單和調取表單記錄boot
- 初學 Bootstrap 表單boot
- Flask五之表單Flask
- Laravel 表單驗證Laravel