form表单属性及表单分组

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默认位于左上角。

 

<form>
    <fieldset>
        <ledgend>分组1 </ledgend>
        <input type="text" value="我是谁？" />
    </fieldset>

     <fieldset>
        <ledgend>分组2 </ledgend>
        <input type="text" value="你是谁？" />
    </fieldset>

</form>        

 4、input中如果placeholder的字体大小与输入文字大小不一致时，在IOS中placeholder的显示会偏下，字体大小设置一样时显示正常。