微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

* form表单(很重要)/ * 初窥后端框架 /* css简介 /* 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()

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。