html（五）：form标签向server端提交数据、input标签补充、submit于button的区别

继（链接）：https://blog.csdn.net/ak739105231/article/details/91381288

一、表单标签<form>中的input标签

表单用于向服务器传输数据；

表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等

表单还可以包含textarea、select、fielset和label元素

input标签补充：下面截图说明了，用户页面input提交的数据是以什么形式传入数据库的：

但是，submit的value只是显示作用；

submit于button的区别：他们都是按钮，但是submit会把用户前面输入的数据提交给服务器。而button就是按钮，没有任何作用；更但是，button可以绑定事务，主要是结合js来使用（学了JS之后，button的作用就看得出来了）

传入数据库中的值：如图

只有将上面放在form表单里面，才有意义，否则，上面的一堆都不可提交

1.表单属性：

HTML用于接收不同类型的用户输入，用户提交表单时间向服务器传输数据，从而实现用户与Web服务器的交互。表单标签，要提交的所有内容都应该在标签中。

action:表单提交到哪，一般指向服务器一个程序，程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如：https://www.sogou.com/web

method:表单的提交方式，post/get默认取值就是get(信封)

             get：1.提交的键值对，放在地址栏中的url后面，2.安全性相对较差。3.对提交内容的长度有限制

             post:1.提交的键值对 不在地址栏，而在请求体；2.安全性相对较高；3.对提交的内容的长度理论上无限制

             get/post是常见的两种请求方式

readonly:不可输入，针对 input的：type="text"   type="password"

disabled：不可用，针对所有input控件，如果添加了disabled="disabled",即不可用

name：键值对的键

type:控件类型，主要是说明控件实现什么功能

checked：默认选中；即：如果有一个type="checkbox"  要实现默认选中，需要添加一个checked="checked"

placeholder：文本框内部显示提示，下面效果：

2.表单元素input标签type的属性值

input标签中的 type的值可以选择：text(文本输入)、password(密码输入)、checkbox(多选框)、radio(单选)、submit(提交)、button(按钮)、reset(重置)、file(文件上传)

说明：如果form表单的input包含 type="file"文件上传，即：

0.form表单的传输方式一定是post

1.需要html的form表单设置分段上传：enctype="multipart/form-data"

2.而且，需要在server端，加上 requst.FILES  才可以接收到文件内容；

如图：（html）

服务端：

 

 

 

提交之后，服务器收到的数据：

 

<QueryDict: {'username': ['1878010'], 'password': ['1'], 'hobby': ['movie'], 'gender': ['man']}>
<MultiValueDict: {'put_file': [<InMemoryUploadedFile: ptimg.jpg (image/jpeg)>]}>