form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
- Form表單標簽通常用于收集用戶所填寫的信息提交到后臺,其中有兩個屬性 action和method。 action代表用戶提交表單后發送的服務器地址,method則有兩種方式 get/post 如下:
<form action"xxx.php" method="get/post"> </form>
還用另外三種method方式:put 更新或者代替 patch 修改或者更新 delete 刪除
post 和 get 方式的區別?
以get的方式去傳輸數據和以post的方式去傳輸有三大不同:
- 提交方式的不同:在get提交請求中通常會把用戶信息顯示在地址欄當中用用?割開URL和參數信息,多個參數使用&鏈接。例如:
/books/?sex=man&name=Professional
而post提交請求則是把用戶信息放在HTTP包的包體當中且地址欄不會改變。 - 數據限制方式不同:在get請求中通常會把參數顯示在url后,當參數過多時有些瀏覽器和服務器就會對url進行截斷。,因此get提交數據時會因為URL長度受到限制。然而post因為不會將參數顯示在url后,理論上是不受限制的,但也會受到服務器接收數據大小的限制。
- 安全性的不同:post安全性高于get,get請求會將數據清楚的顯示在地址欄,登陸頁面可能被瀏覽器緩存,歷史記錄可能被他人查看,且get提交數據容易受到CRF攻擊。
- 不確切的來說就是get一般多用于請求服務器上的數據,而post更多是修改數據。
在input里,name 有什么作用?
- name作為html標簽里的鍵傳到后臺上,對比value即可知道 value相當于值傳輸到后臺后為
name:value
radio 如何 分組?
- 具有相同name的分為一組例如:
2.<input type"radio" name="sex" value="female">女
3.<input type"radio" name="sex1" value="male">男
4.<input type"radio" name="sex1" value="female">女
這樣就是1,2為一組, 3,4為一組。
placeholder 屬性有什么作用?
- placeholder屬性一般配合input使用用來提示用戶輸入且它的值不會被提交到后臺。
type=hidden隱藏域有什么作用? 舉例說明
1.隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器。
2.有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當然這些東西也能用cookie實現,但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持,用戶禁用cookie的煩惱。
3.有些時候一個form里有多個提交按鈕,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢?我們就可以寫一個隱藏域,然后在每一個按鈕處加上onclick="document.form.command.value="xx""然后我們接到數據后先檢查command的值就會知道用戶是按的那個按鈕提交上來的。
4.有時候一個網頁中有多個form,我們知道多個form是不能同時提交的,但有時這些form確實相互作用,我們就可以在form中添加隱藏域來使它們聯系起來。
5.javascript不支持全局變量,但有時我們必須用全局變量,我們就可以把值先存在隱藏域里,它的值就不會丟失了。
6.還有個例子,比如按一個按鈕彈出四個小窗口,當點擊其中的一個小窗口時其他三個自動關閉.可是IE不支持小窗口相互調用,所以只有在父窗口寫個隱藏域,當小窗口看到那個隱藏域的值是close時就自己關掉。