bootstrap中使用wtform,自定義表單
自定義表單一定要加上{{ form.hidden_tag() }}
#表單
class PostForm(Form):
body = TextAreaField('有什麼事新鮮事分享一下吧!',validators=[Required(),Length(2,999)])
submit = SubmitField('釋出')
#普通方法,一鍵新增
{{ wtf.quick_form(form) }}
#自定義使用表單
<form method="POST" action="{{ request.url }}">
內容:
{{ form.hidden_tag() }}
{{ form.body(class='form-control',style='height:200px;') }}
<br>
{{ form.submit(class='btn btn-default') }}
</form>
自定義表單一定要加上{{ form.hidden_tag() }},否則會提交不成功。
這一行程式碼實質上是新增了一個csrf_token,這是一個隨機生成的token,用來防範黑客攻擊。
<input id="csrf_token" name="csrf_token" type="hidden" value="1472826290##c774ba0a05ce0ea624b56c1eceda219d679b2b0c">
CSRF 保護
Flask-WTF 表單保護你免受 CSRF 威脅,你不需要有任何擔心。儘管如此,如果你有不包含表單的檢視,那麼它們仍需要保護。
相關文章
- Layui 自定義表單驗證UI
- Laravel 自定義表單驗證-自定義驗證規則Laravel
- antd表單的<a-form-item>使用自定義label插槽ORM
- DcatAdmin 擴充套件: 自定義表單(動態表單)套件
- SharePoint Online 自定義Modern UI表單UI
- 小程式自定義表單校驗
- AngularJS自定義表單控制元件AngularJS控制元件
- java 自定義表單設計方案Java
- 簡單的自定義表單控制元件控制元件
- 表單識別:自定義表單模板快速完成表單電子化
- 使用 voyager 如何自定義,使用者表
- 初學 Bootstrap 表單boot
- bootstrap表單驗證boot
- Bootstrap 4 表單案例boot
- Laravel-admin 自定義匯出表單Laravel
- 表單驗證自定義格式輸出
- 易優cms模板在哪自定義表單
- 封裝 Laravel 自定義表單請求封裝Laravel
- LR.net使用者友好型自定義表單設計
- 自定義表單 動態表單 表單設計器 流程引擎 設計方案
- Angular如何在模板驅動表單中自定義校驗器Angular
- Laravel 中自定義使用者登入的資料表Laravel
- 自定義表單系統開源是否好用?
- element-ui自定義表單校驗規則及常用表單校驗UI
- Flink 自定義維表
- django自定義構建模板,透過bootstrap實現選單隱藏和顯示Djangoboot
- sqlite中存放自定義表結構的位置SQLite
- 聊聊自定義SPI如何使用自定義標籤注入到spring容器中Spring
- 高效流程辦公,相信自定義流程表單開發
- 織夢gbk版本ajax提交自定義表單亂碼
- java 自定義表單 動態表單 表單設計器 工作流引擎 flowable 專案原始碼Java原始碼
- vue自定義表單生成器,可根據json引數動態生成表單VueJSON
- elementUI 2.0.11自定義表頭UI
- elementUI table 自定義表頭UI
- ElementUI 中 table 表格自定義表頭 Tooltip 文字提示UI
- PbootCMS如何取消後臺、留言、自定義表單驗證碼boot
- dedecms自定義表單怎麼新增發布時間功能
- pbootcms提交留言、提交自定義表單時取消驗證碼boot
- java 自定義表單 掛靠流程 模組設計方案Java