1. form表單有什么作用盟劫?有哪些常用的input 標簽,分別有什么作用?
form表單的作用是:
表單的作用是搜集用戶的輸入涣仿,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實現(xiàn)用戶與web服務(wù)器的交互。
常見的input標簽和作用見下表
標簽 | 作用 |
---|---|
<input type="text"> |
用來定義單行輸入文本框 |
<input type="password"> |
用來定義密碼字段 |
<input type="submit"> ? |
用來定義提交表達數(shù)據(jù)至表單數(shù)據(jù)程序的按鈕 |
<input type="button"> |
用來定義按鈕 |
<input type="reset"> |
用來定義重置按鈕 |
<input type="file"> |
用來定義輸入字段和 "瀏覽..." 按鈕好港,供文件上傳 |
<input type="checkbox"> |
用來定義復(fù)選框 |
<input type="radio"> |
用來定義單選按鈕 |
<input type="textarea"> |
用來定義多行選項框 |
<input type="select"> |
用來定義下拉菜單選項 |
<input type="hidden"> |
用來定義隱藏域 |
2. POST和GET方式的區(qū)別愉镰?
根據(jù)在知乎以及維基百科還有私人博客查詢的資料
- GET是從服務(wù)器上獲取數(shù)據(jù),POST是向服務(wù)器傳送數(shù)據(jù)钧汹。
- 對于GET方式丈探,服務(wù)器端用Request.QueryString來獲取變量的值,對于POST方式拔莱,服務(wù)器端用Request.Form來獲取提交的數(shù)據(jù)
- get是把表單參數(shù)數(shù)據(jù)加到提交表單的action屬性所指的URL中碗降,如:http://www.xxx.com?id=1314&name=hello&age=20,用戶信息對于用戶是可見的塘秦,而post是把提交的數(shù)據(jù)放置在是HTTP包的包體中傳送給服務(wù)器讼渊,用戶信息對于用戶是不可見的。
- Get限制Form表單的數(shù)據(jù)集的值必須為ASCII字符尊剔;而Post支持整個ISO10646字符集(通用字符集)爪幻。
- POST的安全性要比GET的安全性高,但是POST的執(zhí)行效率比GET執(zhí)行效率低
傳輸數(shù)據(jù)的大小,HTTP協(xié)議沒有對傳輸?shù)臄?shù)據(jù)大小進行限制须误,HTTP協(xié)議規(guī)范也沒有對URL長度進行限制挨稿。 - 而在實際開發(fā)中存在的限制主要有:
- GET:特定瀏覽器和服務(wù)器對URL長度有限制,例如IE對URL長度的限制是2083字節(jié)(2Kb+35)京痢,對于其他瀏覽器如Netscape叶组、FireFox等,理論上沒有長度限制历造,其限制取決于操作系統(tǒng)的支持甩十。因此對于GET提交時,傳輸數(shù)據(jù)就會受到URL長度的限制吭产。
- POST:由于不是通過URL傳值侣监,理論上數(shù)據(jù)不受限。但實際各個WEB服務(wù)器會規(guī)定對post提交數(shù)據(jù)大小進行限制臣淤,Apache橄霉、IIS6都有各自的配置。
- GET請求的數(shù)據(jù)會被瀏覽器緩存起來邑蒋,而POST卻不行
- 使用GET時姓蜂,用戶刷新頁面,沒有出現(xiàn)任何提示医吊,使用POST會彈出消息框钱慢,提示用戶是否重新提交
3. 在Input里,Name 有什么作用卿堂?
在input中束莫,name的主要作用有一下三種
- name規(guī)定了input元素的名稱
- name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識懒棉,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)
- 只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
4. radio 如何 分組览绿?
在表單中radio的分組取決于name的屬性
5. placeholder 屬性有什么作用?
用來進行再輸入框中的顯示提示策严,當(dāng)用戶開始輸入內(nèi)容時候, 提示文字會消失 饿敲。
6. type=hidden隱藏域有什么作用? 舉例說明
總結(jié)來看的話是
在表單提交的時候妻导,我們經(jīng)常使用到input hidden隱藏域,這個hidden隱藏域?qū)τ脩羰遣豢梢姷幕掣鳎敲次覀優(yōu)槭裁匆诒韱沃惺褂胔idden隱藏域呢倔韭,本文章向大家介紹hidden隱藏域作用及用法實例,需要的朋友可以參考一下渠啤。
hidden隱藏域無 外乎下面幾點作用:
- 隱藏域在頁面中對于用戶是不可見的狐肢,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用沥曹。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候份名,隱藏域的信息也被一起發(fā)送到服務(wù)器。
- 有些時候我們要給用戶一信息妓美,讓他在提交表單時提交上來以確定用戶身份僵腺,如sessionkey,等等.當(dāng)然這些東西也能用cookie實現(xiàn)壶栋,但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持辰如,用戶禁用cookie的煩惱。
- 有些時候一個form里有多個提交按鈕贵试,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢琉兜?我們就可以寫一個隱藏域,然后在每一個按鈕處加上
onclick="document.form.command.value="xx""
然后我們接到數(shù)據(jù)后先檢查command的值就會知道用戶是按的那個按鈕提交上來的毙玻。 - 有時候一個網(wǎng)頁中有多個form豌蟋,我們知道多個form是不能同時提交的,但有時這些form確實相互作用桑滩,我們就可以在form中添加隱藏域來使它們聯(lián)系起來梧疲。
- javascript不支持全局變量,但有時我們必須用全局變量,我們就可以把值先存在隱藏域里,它的值就不會丟失了故俐。
- 還有個例子,比如按一個按鈕彈出四個小窗口该互,當(dāng)點擊其中的一個小窗口時其他三個自動關(guān)閉.可是IE不支持小窗口相互調(diào)用,所以只有在父窗口寫個隱藏域听哭,當(dāng)小窗口看到那個隱藏域的值是close時就自己關(guān)掉
舉例子來看的話就是:
瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候慢洋,隱藏域的信息也被一起發(fā)送到服務(wù)器塘雳。當(dāng)表單被提交時陆盘,隱藏域就會將信息用你設(shè)置時定義的名稱和值發(fā)送到服務(wù)器上普筹,可以讓服務(wù)器知道數(shù)據(jù)采集的是否正確。