表單_post提交方式和get的區別,元素集


 提交方式及表單域的name屬性 

  使用form表單一種是post提交方式,一種是get提交方式,它們以method屬性來定義,如果沒有指定method屬性,默認get方式提交。

表單域必須配合name屬性才可以將數據提交到服務器

post方式與get方式的區別:

一、安全性

  get方式不安全,以URL方式進行提交。(密碼會顯示在地址欄)

  post以請求實體提交,不會顯示地址欄,足夠安全

二、提交大小限制

  get方式提交的內容有限,一個地址欄放不了多少東西,1k左右

  post大小無限制,可以放大文件(音頻,視頻,圖像等等)

<form action="" method="post">

  用戶名<input name="user" type="text" />

  <inpuyt type="submit" />

</form>

 

用戶用於上傳文件的類型<input type="file">

<form action="" method="post" enctype="multipart/form-data">

  <input type="file" name="fileFile" />

  <input type="submit" value="上傳" />

</form>

使用file類型的input時要注意:

  1。form表單的method屬性值要為post,  method是form表單提交時的一種方式,它最常用的有get和post。

  2.要加enctype=“multipart/form-data”屬性,這個屬性說明了我們文件以二進制方式傳輸文件,因為我們計算機本身最底層都是以二進制來顯示、傳輸。

 

用戶用於提交的input類型
1.<input type="button"/>:只是一個普通的按鈕,需要結合JavaScript才能提交

2.<input type="submit"/>:本身有一個提交的作用,在沒有加JS代碼的情況下,button只是個裝飾。

3.<input type="image" />類型的input也是具有一個提交的作用,不同的是可以指定一幅圖片來作為按鈕,不提倡使用,因為它有事好會提交兩次。(可以設置寬和高)

 

重置按鈕<input type="reset"/>

<input type="reset"/>用於充值用戶輸入的內容。

 

其他標簽

<fieldset>元素集可將表單內的相關元素分組,通常和legend標簽一起用,legend標簽定義了fieldset的提示信息,fieldset是塊級元素。(塊級元素可以包含塊級元素

<fieldset>

  <legend>健康信息</legend>

  身高:<input type="text"/>

  體重:<input type="text/>

</fielset>

 


免責聲明!

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



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