表单

在Web程序中，表单时和用户交互最常见的方式之一。用户注册、登录、撰写文章、编辑设置，无一不用到表单。不过，表单的处理不简单。要创建表单，验证用户输入的内容，向用户显示错误提示，还要获取并保存数据。

WTForms可以做这些事情，WTForms是一个使用python编写的表单库，它使得表单的定义、验证（服务器端）和处理变得非常轻松。下面学习一下web程序中处理表单的方法和技巧。

HTML表单

在html中，表单通过<form>标签来创建，表单中的字段使用<input>标签定义。下面是一个表单：

<form method="post">

    <label for="username">Username</label><br>

    <input type="text" name="username" placeholder="Ross Gellar"><br>

    <label for="password">Password</label><br>

    <input type="password" name="password" placeholder="19870308"><br>

    <input id="remember" name="remember" type="checkbox" checked>

    <label for="remember"><small>Remember me</small></label><br>

    <input type="submit" name="submit" value="Log in">

</form>

在html表单中，我们创建<input>标签标示各种输入字段，<label>标签则用来定义字段的标签文字。可以在<from>和<input>标签中使用各种属性来对表单进行设置。

上面的表单被浏览器解析后会生成两个输入框，一个勾选框和一个提交按钮。

运行程序后，在浏览器中输入URL：127.0.0.1:5000/html，会触发视图函数，页面如下：

示例相关文件：
appFrom.py:
#encoding=utf-8

from flask import Flask,render_template,flash,redirect,url_for,session

import os#用不到

app = Flask(__name__)

app.secret_key = os.getenv('SECRET_KEY','secret string')#用不到

@app.route('/html',methods=['GET','POST'])

def html():

    return render_template('pure_html.html')

if __name__ == '__main__':

    app.run(debug=True)
基模板baseFrom.html:
<!DOCTYPE html>

<html>

<head>

    {% block head %}

        {% block metas %}

        <meta charset="UTF-8">

        {% endblock metas %}

        <title>{% block title %}Form - HelloFlask{% endblock %}</title>

        <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">

        {% block styles %}

            <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">

        {% endblock styles %}

    {% endblock head %}

</head>

<body>

<nav>

    {% block nav %}

        <ul>

            <li><a href="{{ url_for('html') }}">Home</a></li>

        </ul>

    {% endblock %}

</nav>

<main>

    {% for message in get_flashed_messages() %}

        <div class="alert">

            {{ message }}

        </div>

    {% endfor %}

    {% block content %}{% endblock %}

</main>

<footer>

    {% block footer %}

        <small> &copy; 2019 <a href="https://www.cnblogs.com/xiaxiaoxu/" title="xiaxiaoxu's blog">夏晓旭的博客</a> /

            <a href="https://github.com/xiaxiaoxu/hybridDrivenTestFramework" title="Contact me on GitHub">GitHub</a> /

            <a href="http://helloflask.com" title="A HelloFlask project">Learning from GreyLi's HelloFlask</a>

        </small>

    {% endblock %}

</footer>

{% block scripts %}{% endblock %}

</body>

</html>

存放表单的子模板：pure_html.html

{% extends 'baseForm.html' %}

{% block content %}

<h2>Pure HTML Form</h2>

<form method="post">

    <label for="username">Username</label><br>

    <input type="text" name="username" placeholder="Ross Gellar"><br>

    <label for="password">Password</label><br>

    <input type="password" name="password" placeholder="19870308"><br>

    <input id="remember" name="remember" type="checkbox" checked>

    <label for="remember"><small>Remember me</small></label><br>

    <input type="submit" name="submit" value="Log in">

</form>

{% endblock %}

WTForms支持在python中使用类定义表单，然后通过类定义生成对应的HTML代码，这种方式更方便，易于重用。因此，除非是非常简单的程序，或者想让表单的定义更加灵活，否则不会再模板中直接使用HTML编写表单。

flask 表单的更多相关文章

  1. flask表单，orm,csrf

    flask表单是flask中最基本的功能. 它是负责HTML页面中数据采集的部分,它由三部分组成:表单标签,表单域,表单按钮组成,通过表单用户输入的数据提交给服务器. flask表单封装了WTForm ...

  2. flask表单提交的两种方式

    一.通用方式 通用方式就是使用ajax或者$.post来提交. 前端html <form method="post" action="/mockservice&qu ...

  3. Flask表单（Flask-WTF）

    1.request.from获取POST表单数据 # hello.py #coding:utf-8 from flask import Flask,request,render_template ap ...

  4. Flask表单(form)的应用

    导入模块request模块 #指定请求方式,使用methods属性 @app.route("/",methods=['GET','POST']) def index(): #判断c ...

  5. flask表单标签

    环境:python2.7+flask+flask_wtf 内容:flask的部分常用表单标签 test.py # -*- coding: utf-8 -*- # flask web_form 表单控件 ...

  6. Flask从入门到精通之Flask表单渲染成HTML

    表单字段是可调用的,在模板中调用后会渲染成HTML.假设视图函数把一个NameForm 实例通过参数form 传入模板,在模板中可以生成一个简单的表单,如下所示: <form method=&q ...

  7. Flask从入门到精通之Flask表单

    Flask请求对象包含客户端发出的所有请求信息.其中,request.form 能获取POST 请求中提交的表单数据.尽管Flask 的请求对象提供的信息足够用于处理Web 表单,但有些任务很单调,而 ...

  8. flask表单flask-wtf

    一.安装pip install flask-wtf 二.创建一个flask的项目引入相对应的包 from flask import Flask,render_template import flask ...

  9. Flask表单验证

    学习内容:①判断请求方式(request.method) from flask import Flask,render_template,request app = Flask(__name__) @ ...

随机推荐

  1. js阻止默认事件，如a标签跳转和事件冒泡

    禁止a标签点击跳转 <a href="http://baidu.com" onclick="return false">点我啊</a> ...

  2. dedecms站内搜索页面调用最新文章

    在页面中调用最新文章列表可以使新发布的文章更快被收录,如何在dedecms站内搜索页面调用最新文章呢? 1.登陆系统后台,进入“模板——模板管理——自定义宏标记”,点击“智能标记向导”进入智能标记生成 ...

  3. 002-pro ant design 表单基本使用、state赋值数据父子传输

    一.表单元素操作事项 1.form 默认在prop中存在:this.props.form,直接使用即可 2.重置:this.props.form.resetFields(); 3.赋值:form.se ...

  4. 20165236 实验二 《Java面向对象程序设计》实验报告

    20165236 实验二<Java面向对象程序设计>实验报告 姓名:郭金涛       学号:20165236      课程:Java程序设计 指导老师:娄嘉鹏       实验时间:2 ...

  5. RabbitMQ -- unacked

    RabbitMQ解决大量unacked问题 为了快速响应用户请求,我们需要消息异步处理机制,比较简单的做法是用redis的List结构,我们项目使用更专业的RabbitMQ.关于redis和Rabbi ...

  6. PHP中的回调函数

    回调函数是指调用函数的时候将另一个函数作为参数传递到调用的函数中,而不是传递一个普通的变量作为参数 使用回调函数是为了可以将一段自己定义的功能传到函数内部使用 声明回调函数的方法 变量函数声明 1 2 ...

  7. Python 全栈开发九 日志模块

    日志是一种可以追踪某些软件运行时所发生事件的方法.软件开发人员可以向他们的代码中调用日志记录相关的方法来表明发生了某些事情.一个事件可以用一个可包含可选变量数据的消息来描述.此外,事件也有重要性的概念 ...

  8. Py中reshape中的-1表示什么【转载】

    转自:https://blog.csdn.net/weixin_39449570/article/details/78619196 1.新数组的shape属性应该要与原来数组的一致,即新数组元素数量与 ...

  9. “脚踢各大Python Web框架”，Sanic真有这能耐么？

    在Github上,Sanic第一句介绍语就是: "Sanic is a Flask-like Python 3.5+ web server that's written to go fast ...

  10. 最新版 INSPINIA IN+ - WebApp Admin Theme v2.7.1，包含asp.net MVC5示例代码，做管理系统最佳的选择。

    下载地址:http://download.csdn.net/download/wulang1988/10039402 最新版 INSPINIA IN+ - WebApp Admin Theme v2. ...