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的顯示會偏下，字體大小設置一樣時顯示正常。