form表单属性:
1、enctype:包装类型,该属性将设置用户输入的数据发送到服务器是,浏览器使用的编码类型。
包含3个值:application/x-www-form-urlencoded 将表单中的数据编码为 名=值 的键值对像是通过URL发送给服务器。
"user='张三',password='123456'"
multipart/form-data:将表单中的数据编码为一条消息,每个表单域代表消息中的一部分,然后通过HTTP方式发送给服务器。
login={ user={"张三"}, password={"123456"}
}
text/plain:将表单中的数据以纯文本的形式进行编码,不建议使用
2、action:设置表单提交数据的目标文件
一般为URL地址
3、method:处理表单数据的方法 get和post两种
get和post的区别:
get是从服务器上获取数据;post是向服务器传递数据;
传参方式:get是将表单数据以名=值得形式添加到action所设置的URL后面,URL的传参方式;
post是将表单数据放在form数据体中,以变量和值相对应的方式传递到action所指向的URL
当表单中包含文件域时,及input的type='file'时,form元素的method必须为post,entype必须为“multipart/form-data”,否则提交操作将会失败。
表单分组:
表单分组可以使用fieldset和legend元素,它们相当于一个容器,该元素本身不参与数据的交互操作。
fieldset默认显示边框效果,legend默认位于左上角。
4、input中如果placeholder的字体大小与输入文字大小不一致时,在IOS中placeholder的显示会偏下,字体大小设置一样时显示正常。