表单中input元素的详情

1.文本框和密码框

<input  type="text">

text是文本框,为默认缺省值,可以输入文本。

<input type="password">

password是密码框，输入文本显示不可见。
常见属性：
maxlength:设置输入的最大长度
readonly:为无值属性，不能选中，不能修改，但是可以提交。
注意:
与input的disable属性的差别
disable为禁用，是表单的无值属性，不能选中，不能修改，不能提交。
placeholder:占位提示符，给input做出提示。
2.按钮

input<type="submit">

提交按钮，将表单中的数据自动的收集整理，并发送给服务器。

type="button"

普通按钮，没有能力，可以配合事件，调用js代码实现功能。

input<type="reset">

恢复初始状态
新标签:

<button> btn </button>

h5的新标签，效果等同于submit提交按钮。
3.单选按钮和多选按钮

input<type="radio" name="" id="" value="">

单选按钮必须写name属性，作为控件的名称，还可以用于分组;value的值也必须设置，否者一直都是on。

input <type="checkbox">

多选按钮也必须写name属性，设置默认选中是checked，为无值属性。
4.隐藏域

input<type="hidden">
想要把数据提交给服务器，但又不想让用户看到，使用隐藏域<=>用户看不见，又能实现提交。

5.文件选择框

input<type="file">

注意：
input 定义表单常用提交的方式：
get:
默认缺省值，特点是明文提交，提交的数据会在地址栏显示，且提交的数据最大不能超过2kb;
post:
特点是隐式提交，提交的内容不会再地址栏显示，而是提交在form data中
input提示数据的类型：
默认缺省值：enctype="application/x-www-form-urlencoded"
允许提交任意字符，不能提交文件
text/plain 允许提交普通字符，但不能提交特殊字符
multipart/form-data 允许提交文件给服务器
所以，当想要上传文件时需要修改input的两个属性
①提交方式改为method="post"
②enctype="multipart/form-data"