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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM