表单_post提交方式和get的区别，元素集

Posted 2020-08-22 独孤晓宇

　提交方式及表单域的name属性　

　　使用form表单一种是post提交方式，一种是get提交方式，它们以method属性来定义，如果没有指定method属性，默认get方式提交。

表单域必须配合name属性才可以将数据提交到服务器

post方式与get方式的区别：

一、安全性

　　get方式不安全，以URL方式进行提交。（密码会显示在地址栏）

　　post以请求实体提交，不会显示地址栏，足够安全

二、提交大小限制

　　get方式提交的内容有限，一个地址栏放不了多少东西，1k左右

　　post大小无限制，可以放大文件（音频，视频，图像等等）

<form action="" method="post">

　　用户名<input name="user" type="text" />

　　<inpuyt type="submit" />

</form>

 

用户用于上传文件的类型<input type="file">

<form action="" method="post" enctype="multipart/form-data">

　　<input type="file" name="fileFile" />

　　<input type="submit" value="上传" />

</form>

使用file类型的input时要注意：

　　1。form表单的method属性值要为post，  method是form表单提交时的一种方式，它最常用的有get和post。

　　2.要加enctype=“multipart/form-data”属性，这个属性说明了我们文件以二进制方式传输文件，因为我们计算机本身最底层都是以二进制来显示、传输。

 

用户用于提交的input类型
1.<input type="button"/>:只是一个普通的按钮，需要结合javascript才能提交

2.<input type="submit"/>：本身有一个提交的作用，在没有加JS代码的情况下，button只是个装饰。

3.<input type="image" />类型的input也是具有一个提交的作用，不同的是可以指定一幅图片来作为按钮，不提倡使用，因为它有事好会提交两次。（可以设置宽和高）

 

重置按钮<input type="reset"/>

<input type="reset"/>用于充值用户输入的内容。