提交方式及表單域的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>