### **form 標簽屬性與事件說明**
| 屬性 | 說明 |
| --- | --- |
| action | 請求url地址 |
| [method](https://www.runoob.com/tags/att-form-method.html) | 請求方式(get/post),默認:get方式 |
| [target](https://www.runoob.com/tags/att-form-target.html) | 打開 action URL 方式 |
| [enctype](https://www.runoob.com/tags/att-form-enctype.html) | 發送表單數據之前如何對其進行編碼(適用于 method="post" 的情況。默認值:application/x-www-form-urlencoded) |
| [accept-charset]([https://www.runoob.com/tags/att-form-accept-charset.html](https://www.runoob.com/tags/att-form-accept-charset.html)) | 規定服務器用哪種字符集處理表單數據(字符編碼、拉丁字母表的字符編碼、簡體中文字符集) |
| 事件 | 說明 |
| --- | --- |
| [onsubmit](https://www.runoob.com/tags/ev-onsubmit.html) | 提交表單觸發事件,回調 |
### **form 表單提交**
> 進行阻止提交。在form標簽上面將添加 onsubmit 事件,當input 類型設置為提交按鈕,就可以提交上了。阻止提交:使用return false/ture 或者 e.preventDefault(),兩個可以一起使用
-------
> 注意:使用form表單提交后,后臺可以使用重定向到另一個url地址。而ajax卻是不可能的。
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="http://xxx..com/api/form" method="post">
<div>
<input type="text" name="name">
</div>
<div>
<input type="password" name="password">
</div>
<button type="submit" class="submit">提交</button>
</form>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function () {
$('form').submit(function (e) {
if($('input[name=name]').val() && $('input[name=password]').val()) {
return true;
}
console.log('請填寫輸入框內容')
e.preventDefault()
// 也可以使用 return false; 來阻止提交,使用這個比較好
})
})
</script>
</body>
</html>
```
### **input 內使用disabled后臺無法接收**
> 解決方案:兩種,第一種將在復制一個input框,提交的時候提交這個就好。另一種設置:
### **擴展**
> 如果是ajax請求,進行重定向話,jquery的ajax在回調報錯(error: function () {})里面拿到重定向里面內容。注意:以重定向的域不是當前訪問域名與接口域名。會涉及到跨域
- LOLKU
- 工具類
- form/formData
- form
- formData
- iframe
- 渲染數據,防止內存泄漏
- 獲取url(路由)參數
- 常用方法
- 失去焦點軟鍵盤頁面亂
- 判斷數據類型
- 瀏覽器全屏
- 動態插入css
- 隨機生成自定義長度位數數字
- 驗證判斷
- localStorage 封裝存儲
- 格式化日期
- 計算兩個時間差
- 去除空格
- 將駝峰命名轉換為連字符
- 獲取dom屬性
- 深拷貝
- class操作
- 判斷是否打開瀏覽器控制臺
- 全國城市地區代碼表
- canvas合成工具
- 去除emoji表情符號
- 比較兩個對象屬性和內容(值)一致
- 微信結束頁面事件
- 正則匹配url替換域名
- 字符串拼接(渲染dom后傳值)
- 判斷是否是正則
- 日歷算法
- json 工具
- 是否支持webp格式
- h5底部輸入框被鍵盤遮擋問題
- php
- php 二級域名管理
- 單個或者多個域名跨域
- file_get_contents 正確使用
- fromData請求無法攜帶cookie
- 簡單的加密文件傳輸
- css
- 1px
- 滾動
- ios點擊有顏色
- 文本溢出省略號
- css動畫抖動
- 文本換行與不換行
- 阻止旋轉屏幕時自動調整字體大小
- vue
- vscode 調試
- 新技術
- vue-router 4.0
- vue3
- 基礎
- 試驗
- javascript
- 上傳問題
- 文件選中過,第二次再次選中不觸發change事件
- 上傳oss
- 后臺
- linux搭建服務
- 需安裝
- nginx
- 安裝
- nginx http 配置二級域名
- nginx https 配置二級域名
- 防止暴力破解
- 阿里申請免費https
- git
- 快速安裝
- 配置項
- node
- 安裝
- pm2
- mysql
- 安裝
- 創建、切換、查詢數據庫
- 常用命令
- cmake 編譯器
- redis
- 軟件下載
- git
- 百度git 記住密碼
- 經驗
- 上傳
- 軟件
- vscode
- 推薦插件
- 應用開發
- nwjs
- 入門
- package.json
- vue、react、angular 跑nwjs
- 打包
- 監聽屏幕
- 運行另一個.exe文件
- node應用
- electron
- 資料
- 安裝
- 實戰
- 崩潰日志報告
- electron-forge
- 托盤閃爍
- 開機自動啟動
- 消息通知
- 禁止默認事件
- 保證只有一個實例
- 打包且美化安裝界面
- 創建cli
- 添加Github徽章
- 自動更新
- docsify
- Lowdb存儲數據
- 備份、恢復、導入、導出
- 深度鏈接(協議)喚起Electron應用
- 說明
- 加載擴展插件
- 證書
- Sketch 插件
- 工作
- 宣傳文章地址
- api
- tinypng
- npm 插件
- fs封裝:fs-jetpack
- 判斷是否npm或yarn運行
- 字符串或緩沖區的gzip壓縮大小
- 克隆并修改RegExp實例
- 反轉對象的鍵/值
- http路由find-my-way
- dragula 拖拽(拖放)
- svga
- npm 腳手架搭建
- 項目
- 小工具
- svg轉圖片
- 日歷