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-常用標籤HTML
- HTML-知識點總結HTML
- html-拖拽釋放(Drag and drop) APIHTMLAPI
- Html-文件型別(DTD)和DOCTYPEHTML型別
- JavaScript 表單及表單驗證JavaScript
- 事件 滑鼠事件 表單事件 from表單事件
- 表單Form簡介——表單按鈕ORM
- 表單識別:自定義表單模板快速完成表單電子化
- 012---表單、下拉選單和表單域
- Django——表單Django
- Flask表單Flask
- React表單React
- HTML表單HTML
- 表單操作
- angular - 表單Angular
- 自定義表單 動態表單 表單設計器 流程引擎 設計方案
- 文件驅動 —— 表單元件(一):表單元素元件元件
- js獲取form表單下所有表單元素JSORM
- Javascript 正確地引用表單和表單元素JavaScript
- **PHP分步表單提交思路(分頁表單提交)PHP
- HTML-一個網頁的頭部的大概框架(完善ing)HTML網頁框架
- jQuery獲取表單值及幾個表單事件jQuery事件
- elementui表單驗證 對比兩個表單大小UI
- js獲取表單元素所在的form表單物件JSORM物件
- 走進AngularJs(九)表單及表單驗證AngularJS
- JavaScript遍歷HTML表單元素及表單定義JavaScriptHTML
- 輕鬆玩轉花樣表單表單提交(轉)
- HTML 表單概述HTML
- 單表查詢
- orm單表操作ORM
- javascript操作表單JavaScript
- php表單提交PHP
- html之表單HTML
- javascript提交表單JavaScript
- css表格表單CSS