form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
- 表單在網(wǎng)頁中主要負責數(shù)據(jù)采集功能。
- 常見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傳遞數(shù)據(jù),查找數(shù)據(jù)的時候就會體現(xiàn)到它的好處。
GET的缺點:
- 安全性很低,因為上傳的數(shù)據(jù)都會顯示在url上,所以一般用在上傳無關緊要的數(shù)據(jù)上。
- 上傳的數(shù)據(jù)量較小,一般不能超過4K.這也是因為url的長度而被限制的。
POST優(yōu)點:
- 安全性高,但是也不是很高,如果想要高安全性的話就用https傳輸協(xié)議。
- 上傳的數(shù)據(jù)量比GET大得多?!袄碚撋现v,POST是沒有大小限制的,HTTP協(xié)議規(guī)范也沒有進行大小限制,說“POST數(shù)據(jù)量存在 80K/100K的大小限制”是不準確的,POST數(shù)據(jù)是沒有限制的,起限制作用的是服務器的處理程序的處理能力?!?/li>
POST缺點:
1 .執(zhí)行效率比GET低,但是現(xiàn)在的計算機都很強大,這些幾乎可以忽略不計,所以建議一般都使用POST方式。
- 不可以通過url傳遞數(shù)據(jù),有時候可能會不方便.
在input里,name 有什么作用?
定義和用法
name 屬性規(guī)定 input 元素的名稱。
name 屬性用于對提交到服務器后的表單數(shù)據(jù)進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
注釋:只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
radio 如何 分組?
設置 name 屬性,相同的為一組
placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)。
該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。
注釋:placeholder 屬性適用于以下的 <input> 類型:text, search, url, telephone, email 以及 password。
type=hidden隱藏域有什么作用? 舉例說明
作用
1 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務器。
2 有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當然這些東西也能用cookie實現(xiàn),但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持,用戶禁用cookie的煩惱。
3 有些時候一個form里有多個提交按鈕,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢?我們就可以寫一個隱藏域,然后在每一個按鈕處加上onclick="document.form.command.value="xx""然后我們接到數(shù)據(jù)后先檢查command的值就會知道用戶是按的那個按鈕提交上來的。
4 有時候一個網(wǎng)頁中有多個form,我們知道多個form是不能同時提交的,但有時這些form確實相互作用,我們就可以在form中添加隱藏域來使它們聯(lián)系起來。
5 javascript不支持全局變量,但有時我們必須用全局變量,我們就可以把值先存在隱藏域里,它的值就不會丟失了。
6 還有個例子,比如按一個按鈕彈出四個小窗口,當點擊其中的一個小窗口時其他三個自動關閉.可是IE不支持小窗口相互調(diào)用,所以只有在父窗口寫個隱藏域,當小窗口看到那個隱藏域的值是close時就自己關掉。