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