美文网首页
bootstrap中使用wtform,自定义表单

bootstrap中使用wtform,自定义表单

作者: 晓函 | 来源:发表于2016-09-02 22:16 被阅读263次

自定义表单一定要加上{{ 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 威胁,你不需要有任何担心。尽管如此,如果你有不包含表单的视图,那么它们仍需要保护。

相关文章

  • bootstrap中使用wtform,自定义表单

    自定义表单一定要加上{{ form.hidden_tag() }} 自定义表单一定要加上{{ form.hidde...

  • flask表单 flash 数据库

    flask-wtf 定义简单表单 wtform支持字段类型 wtform验证函数 在模板中使用 在视图函数中使用 ...

  • 登陆页面

    前端 bootstrap metro vibes 前端大框架使用bootstrap,这是一个由 后端 PHP表单 ...

  • 02-Bootstrap

    一、自定义bootstrap按钮 自定义bootstrap按钮 将生成对应的样式拷贝到对应样式表中,即可以使用;例...

  • 02-Bootstrap

    一、自定义bootstrap按钮 自定义bootstrap按钮 将生成对应的样式拷贝到对应样式表中,即可以使用;例...

  • Flask-WTF与WTForms的用法详解

    前言 我们在使用flask框架来搭建自己的博客,只要是设涉及到表单相关,必然会想起Flask-WTF与WTForm...

  • bootstrap-form表单

    bootstrap提供了三种表单形式,分别是 垂直表单(默认) 内联表单 水平表单 1.垂直表单 在 中添加 ...

  • Flask中的wtform使用

    简介:WTForms是一个Flask集成的框架,或者是说库。用于处理浏览器表单提交的数据。它在Flask-WTF ...

  • Bootstrap

    1.rails中使用bootstrap 2、排版 3、表单 4、网格系统原理

  • [040] Symfony4 表单入门 Part01

    使用 Symfony 来实现一个注册表单, 这里我们使用 Bootstrap4 快速实现一个简单的注册表单如下: ...

网友评论

      本文标题:bootstrap中使用wtform,自定义表单

      本文链接:https://www.haomeiwen.com/subject/uarkettx.html