前端HTTP整体

2021-03-08 03:29

阅读：584

标签：单元 enc csharp self mat disable char 文字完成

表格table

表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。
最主要的目的是显示表格类数据

表格类数据

最适合以行列来排布的数据

表格的基本结构

序号	姓名	爱好
1	Yumi	追番
2	jason	美女

表单form

表单的功能

用于向服务端发送数据，实现用户与web服务器的交互
表能能够包含input系列标签，例如文本字段、复选框、单选框、提交按钮等
表单还可以包含textarea、select、fieldset和 label标签

表单属性

属性	描述
accept-charset	规定在被提交表单中使用的字符集（默认：页面字符集）。
action	规定向何处提交表单的地址（URL）（提交页面）。
autocomplete	规定浏览器应该自动完成表单（默认：开启）。
enctype	规定被提交数据的编码（默认：url-encoded）。
method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate	规定浏览器不验证表单。
target	规定 action 属性中地址的目标（默认：_self）。

表单元素

input元素

type属性值	表现形式	对应代码
text	单行输入文本
password	密码输入框
date	日期输入框
checkbox	复选框
radio	单选框
submit	提交按钮
reset	重置按钮
button	普通按钮
hidden	隐藏输入框
file	文本选择框

select标签

label标签

定义：

label 标签为 input 元素定义标注（标记）。

说明：

label 元素不会向用户呈现任何特殊效果。
label 标签的 for 属性值应当与相关元素的 id 属性值相同。
用户名：用户名：

textarea多行文本


  默认内容

验证form表单提交数据

# 能够出发form表单提交数据的按钮
‘‘‘
1、
2、
‘‘‘

# 所有获取用户输入的标签 都应该有name属性
‘‘‘
	后端会通过name来获取前端表单提交的数据
	name就类似于字典的key
  	用户的数据就类似于字典的value
	gender:
		男
		女
	
‘‘‘

# 偷窥后端框架的基本使用(flask)
‘‘‘
环境准备：pip install Flask
‘‘‘

# 后端
from flask import Flask,request

app = Flask(__name__)


# 设置路由,methods不设置则默认只能支持get请求
@app.route(‘/index/‘, methods=[‘GET‘,‘POST‘]) 
def index():
    print(request.form)  # 获取form表单提交过来的非文件数据
    print(request.files)  # 获取文件数据
    file_obj = request.files.get(‘photo‘) # 获取对应文件数据
    file_obj.save(file_obj.name) # 保存文件数据
    return ‘OK‘

app.run()



    注册页面

前端HTTP整体

标签：单元 enc csharp self mat disable char 文字完成

原文地址：https://www.cnblogs.com/Tornadoes-Destroy-Parking-Lots/p/12878243.html

上一篇：html 文件上传测试

下一篇：教你用两行代码给PHP7添加一个“非空合并”语法糖

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：前端HTTP整体
文章链接：http://soscw.com/essay/61635.html

亲，登录后才可以留言！

前端HTTP整体

表格table

表格类数据

表格的基本结构

表单form

表单的功能

表单属性

表单元素

input元素

select标签

label标签

textarea多行文本

验证form表单提交数据

注册页面

评论

热门文章

推荐文章

最新文章

置顶文章