自制预防校园暴力的智能监控系统：学习前端表单，Python及Flask

最新推荐文章于 2023-04-26 09:56:41 发布

繁锦@wwh

最新推荐文章于 2023-04-26 09:56:41 发布

阅读量548

点赞数 5

文章标签： python 前端 flask

本文链接：https://blog.csdn.net/weixin_45971456/article/details/127037763

版权

本文是【小码哥李明杰老师】指导完成的山东大学引航计划公益人工智能科研实训项目。

自制预防校园暴力的智能监控系统。

FrontEnd

表单

input type=“text”：输入文本
input type=“color”：颜色
input type=“radio”：单选按钮
input type=“checkbox”：复选框
input name=" "：给input起个名字，决定搜索内容
input placeholder=" "：占位符

常用属性

action：用于提交表单数据的请求URL；
method：请求方法（get和post），默认是get（究竟用哪个请求方法，由服务器/后台决定）；
target：在什么地方打开URL（参考a元素的target）；
enctype：规定了在向服务器发送表单数据之前如何对数据进行编码，取值有3种：
- application/x-www-form-urlencoded：默认的编码方式；
- multipart/form-data：文件上传时必须为这个值，并且method必须是post；
- text/plain：普通文本传输。
accept-charset：规定表单提交时使用的字符编码。

get和post

提交表单数据时，浏览器发送的是http请求，有2种请求方法可以选择：

get：在请求URL后面以?的形式跟上发给服务器的参数，多个参数之间用&隔开，比如：
http://ww.test.com/login?phone=123&password=234&sex=1
由于浏览器和服务器对URL长度有限制，因此在URL后面附带的参数是有限制的，通常不能超过1KB。
post：发给服务器的参数全部放在请求体中，理论上，post传递的数据量没有限制（具体还得看服务器的处理能力）。

练习：酷狗和汽车之家

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单作业</title>
</head>
<body>

<!--<form action="https://sou.autohome.com.cn/zonghe">-->
<!--  <span>百度一下：</span>-->
<!--  <input name="q" type="text" placeholder="请输入搜索的关键词">-->
<!--  <button>汽车之家</button>-->
<!--</form>-->

<form action="https://www.kugou.com/yy/html/search.html">
  <span>百度一下：</span>
  <input name="searchKeyWord" type="text" placeholder="请输入搜索的关键词">
  <select name="searchType">
    <option value="song">单曲</option>
    <option value="special">歌单</option>
    <option value="mv">MV</option>
  </select>
  <button>酷狗搜索</button>
</form>

</body>
</html>