form表單有什么作用?有哪些常用的input 標簽,分別有什么作用燎悍?
- 表單在網頁中主要負責數據采集功能宽菜。
- 常見input標簽及其作用
屬性 | 值 | 描述 |
---|---|---|
alt | text | 定義圖像輸入的替代文本。 |
checked | checked | 規(guī)定此 input 元素首次加載時應當被選中净神。 |
disabled | disabled | 當 input 元素加載時禁用此元素何吝。 |
form | formname | 規(guī)定輸入字段所屬的一個或多個表單溉委。 |
formaction | URL | 覆蓋表單的 action 屬性。(適用于 type="submit" 和 type="image") |
formenctype | 見注釋 | 覆蓋表單的 enctype 屬性爱榕。(適用于 type="submit" 和 type="image") |
formmethod | get | post覆蓋表單的 method 屬性瓣喊。(適用于 type="submit" 和 type="image") |
formtarget | _blank、_self黔酥、_parent藻三、_top、framename | 覆蓋表單的 target 屬性跪者。(適用于 type="submit" 和 type="image") |
name | field_name | 定義 input 元素的名稱棵帽。 |
type | button、checkbox渣玲、file岖寞、hidden、image柜蜈、password仗谆、radio、reset淑履、submit隶垮、text | 規(guī)定 input 元素的類型。 |
value | value | 規(guī)定 input 元素的值秘噪。 |
post 和 get 方式的區(qū)別狸吞?
GET的優(yōu)點:
- 執(zhí)行效率比POST高。
- 可以通過url傳遞數據指煎,查找數據的時候就會體現到它的好處蹋偏。
GET的缺點:
- 安全性很低,因為上傳的數據都會顯示在url上至壤,所以一般用在上傳無關緊要的數據上威始。
- 上傳的數據量較小,一般不能超過4K.這也是因為url的長度而被限制的像街。
POST優(yōu)點:
- 安全性高黎棠,但是也不是很高,如果想要高安全性的話就用https傳輸協議镰绎。
- 上傳的數據量比GET大得多脓斩。“理論上講畴栖,POST是沒有大小限制的随静,HTTP協議規(guī)范也沒有進行大小限制,說“POST數據量存在 80K/100K的大小限制”是不準確的吗讶,POST數據是沒有限制的燎猛,起限制作用的是服務器的處理程序的處理能力叼丑。”
POST缺點:
1 .執(zhí)行效率比GET低扛门,但是現在的計算機都很強大鸠信,這些幾乎可以忽略不計,所以建議一般都使用POST方式论寨。
- 不可以通過url傳遞數據星立,有時候可能會不方便.
在input里,name 有什么作用葬凳?
定義和用法
name 屬性規(guī)定 input 元素的名稱绰垂。
name 屬性用于對提交到服務器后的表單數據進行標識,或者在客戶端通過 JavaScript 引用表單數據火焰。
注釋:只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值劲装。
radio 如何 分組?
設置 name 屬性,相同的為一組
placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)昌简。
該提示會在輸入字段為空時顯示占业,并會在字段獲得焦點時消失。
注釋:placeholder 屬性適用于以下的 <input> 類型:text, search, url, telephone, email 以及 password纯赎。
type=hidden隱藏域有什么作用? 舉例說明
作用
1 隱藏域在頁面中對于用戶是不可見的谦疾,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用犬金。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候念恍,隱藏域的信息也被一起發(fā)送到服務器。
2 有些時候我們要給用戶一信息晚顷,讓他在提交表單時提交上來以確定用戶身份峰伙,如sessionkey,等等.當然這些東西也能用cookie實現该默,但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持瞳氓,用戶禁用cookie的煩惱。
3 有些時候一個form里有多個提交按鈕权均,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢顿膨?我們就可以寫一個隱藏域,然后在每一個按鈕處加上onclick="document.form.command.value="xx""然后我們接到數據后先檢查command的值就會知道用戶是按的那個按鈕提交上來的叽赊。
4 有時候一個網頁中有多個form,我們知道多個form是不能同時提交的必搞,但有時這些form確實相互作用必指,我們就可以在form中添加隱藏域來使它們聯系起來。
5 javascript不支持全局變量恕洲,但有時我們必須用全局變量塔橡,我們就可以把值先存在隱藏域里梅割,它的值就不會丟失了。
6 還有個例子葛家,比如按一個按鈕彈出四個小窗口户辞,當點擊其中的一個小窗口時其他三個自動關閉.可是IE不支持小窗口相互調用,所以只有在父窗口寫個隱藏域癞谒,當小窗口看到那個隱藏域的值是close時就自己關掉底燎。