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 威脅,你不需要有任何擔心。儘管如此,如果你有不包含表單的檢視,那麼它們仍需要保護。
相關文章
- angular中的表單資料自定義驗證Angular
- Layui 自定義表單驗證UI
- PHPCMS自定義表單樣式PHP
- 織夢 自定義表單HTML:HTML
- wordpress 自定義登入表單
- Laravel 自定義表單驗證-自定義驗證規則Laravel
- 小程式自定義表單校驗
- java 自定義表單設計方案Java
- 簡單的自定義表單控制元件控制元件
- openfire使用自定義使用者表
- 表單識別:自定義表單模板快速完成表單電子化
- DcatAdmin 擴充套件: 自定義表單(動態表單)套件
- antd表單的<a-form-item>使用自定義label插槽ORM
- 為bootstrap新增更多自定義圖示boot
- AngularJS自定義表單控制元件AngularJS控制元件
- 表單驗證自定義格式輸出
- 封裝 Laravel 自定義表單請求封裝Laravel
- 易優cms模板在哪自定義表單
- 使用 voyager 如何自定義,使用者表
- Angular如何在模板驅動表單中自定義校驗器Angular
- LR.net使用者友好型自定義表單設計
- bootstrap表單驗證boot
- 初學 Bootstrap 表單boot
- Bootstrap 4 表單案例boot
- 自定義表單 動態表單 表單設計器 流程引擎 設計方案
- Laravel 中自定義使用者登入的資料表Laravel
- Laravel-admin 自定義匯出表單Laravel
- 自定義html標籤和表單屬性HTML
- 自定義表單系統開源是否好用?
- bootstrap18-基本表單boot
- Angular 4.x 自定義表單控制元件Angular控制元件
- 細說 Angular 的自定義表單控制元件Angular控制元件
- sqlite中存放自定義表結構的位置SQLite
- 使用jQuery在javascript中自定義事件jQueryJavaScript事件
- element-ui自定義表單校驗規則及常用表單校驗UI
- 自定義儀表盤
- bootstrap19-內聯表單boot
- Bootstrap系列 -- 12. 水平表單boot