一、form表单(很重要)
#form表单:获取用户的数据并发送给后端(服务端) eg:网站的登录、注册、验证码 ```一注册页面为邻``` 1、获取用户数据最为常用的标签就是input标签变并且该标签是行内标签 input是前端白标签里面的变形金刚 通过type参数的不同变换不同的表现形式
<label for="d1">username:</label>
<input type="text" id="d1">
text 普通文本 password 密码展示 data 日历展示 radio 单选>>>>:多个选项标签需要相同的name属性 默认选中的要额外配置 checked="checked" 当属性明和属性值相等的时候可以简写 checked checkbox 多选>>>:默认也是checked属性 email 邮箱格式 file 上传文件>>>:默认支支持单个文件 如果需要一磁性上传多个文件需要额外配置 multiple submit 提交按钮>>>:点击出发提交数据的动作 button 普通按钮>>>:本身没有任何的功能需要绑定 reset 重复按钮
注意:按钮组的提示信息可以通过value属性自定义,如果不自定义那么不同的浏览器可能会展示出不同的提示信息,尤其是submit按钮
input一般要结合lable 一起使用
方式一:lable包裹input并绑定id <label for='input标签id的值‘>input标签</label> 方式二:label于input单独出现并绑定id <label for="d1">username:</label> <input type="text" id="d1">
select标签是下拉框选项
一个个选项就是一个个option标签 默认是单选也可以变成多选--->multiple
textarea标签
获取大段文本内容,一般用于获取用户评论
form表单提交数据
数据的提交地址由form表单的action参数来控制 action=“URL" #不写默认当前页码所在的地址提交 method=”数据的提交方式“ #数据的提交方式有很多种 (忽略) <!-- form 表单再提交数据的时候 如果含文件则需要指定两个固定的数据 method=“post" enctype="multipart/form-data" -->
后端flask框架的简介
#代码无需掌握只看代码即可 #后端框架可以简单的理解为别人重写好的一个非常牛逼的tcp服务端 以flask框架为例:第三方框架 pip3 install flask 前端通过标签获取用户数据后发送给后端的过程中 标签需要有name属性 相当于字典的key 用户输入的数据会储存到标签的value属性中 相当于字典的value 如果是选择性标签需要自行加上name和value form flask import flask, request app = Flask(__nmae__) @app.route('/index/',methods=[GET','POST']) def index(): print(request.from) #获取普通数据 print(request.files) #获取文件数据 #print(request.from.get('name')) file_obj = request.files.get('file'0获取文件对象 file——obj.sav('xxx.md')#保存文件 return ’flask框架真简单那‘ app.run()