前端数据提交给后端之HTML表单简单剖析( 四 ) _前端

后端代码：
# coding: utf8from flask import Flask, requestwebapp = Flask(__name__)@webapp.route('/ttropsstack', methods=['GET','POST'])def ttropsstack():if request.method == 'POST':a = request.formprint a.get('opslist')return 'ok'else:return '提交数据需要post请求'if __name__ == '__main__':webapp.run(host="0.0.0.0", port=8088, debug=True)在下拉框中选择“Go语言”，并提交

文章插图

后端啥也没干，就只做了打印

文章插图

2. 允许多选前端代码：

<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><title>彩虹运维技术栈社区主页</title></head><body><h2>彩虹运维技术栈社区，公众号ID：TtrOpsStack</h2><form action="http://192.168.11.10:8088/ttropsstack" target="_blank" method="post"><label for="opslist">运维开发应掌握的技能：</label><select id="opslist" name="opslist" size="6" multiple><option value=https://www.isolves.com/it/cxkf/qd/2022-08-02/"python">Python语言

上述前端代码中，是使用multiple属性来实现选择多个值。

后端代码的打印方式稍微做了些许调整：

# coding: utf8from flask import Flask, requestwebapp = Flask(__name__)@webapp.route('/ttropsstack', methods=['GET','POST'])def ttropsstack():if request.method == 'POST':data = https://www.isolves.com/it/cxkf/qd/2022-08-02/request.get_data()print datareturn 'ok'else:return '提交数据需要post请求'if __name__ == '__main__':webapp.run(host="0.0.0.0", port=8088, debug=True)

按住ctrl或者shift键可进行多选