ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

* form表单(很重要)/ * 初窥后端框架 /* css简介 /* css选择器

2022-02-09 10:32:49  阅读:133  来源: 互联网

标签:form flask 标签 request 表单 input 选择器 css


一、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()

 

标签:form,flask,标签,request,表单,input,选择器,css
来源: https://www.cnblogs.com/fkzxps/p/15873971.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有