form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
<form>標簽用于為用戶創建HTML表單,并向服務器傳輸數據,常用的<input>標簽主要有:
<input type="text" name=" ">
<input type="password" name=" ">
< input type="checkbox" name=" ">
< input type="radio" name="">
<input type="submit" name="">
<input type=" button" name="">
<input type="reset" name="">
<input type="number name="">
<input type="date" name="">
<input type="color" name="">
<input type="textarea" name="">
<input tyoe="file" name="">
<input type="hidden" name="">
<input type="image">
input type屬性
input type 常用標簽之表單標簽
- 在input里,name作用
- name屬性規定input元素的名稱;
- 用于對提交到服務器后的表單數據進行標識,或在客戶端通過javascript引用表單數據。
- <button>提交</button>、<a class="btn href="#">提交</a>、<input type="submit" value="提交">三者有什么區別?
- 第一個是提交按鈕,后續用于綁定JS事件使用;第二個是在當前頁面有個提交按鈕的鏈接,點擊不會有提交的效果;第三個是用來提交表單數據。
- radio如何分組?
當name相同時,分成一組。 - placeholder屬性有什么作用?
提供可描述輸入字段預期值的提示信息 - type=hidden隱藏域有什么作用?舉例說明
- 隱藏域在頁面中是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序使用。瀏覽者單機發送按鈕發送表單時,隱藏域的信息也被一起發送到服務器。
- 當form中有多個提交按鈕時,可以在每個按鈕上寫一個隱藏域,使程序能夠分清楚到底用戶是按那個按鈕提交的。
- 當一個網頁有多個form時,由于不能同時提交,但這些form又互相作用時,可在form中添加隱藏域使他們聯系起來。
- js不支持全局變量,當必須使用全局變量時可先把值存在隱藏域中,使之不丟失。
post和get方式的區別
- get是默認的,數據提交方式不同,get提交的數據url可以看到,post看不到;
- get一般用于提交少量數據,post用于提交大量數據;
- get最多提交1K數據,受瀏覽器的限制,post理論上不受限制,但是受服務器的限制;
- get提交的數據保存在瀏覽器歷史記錄中,安全性不好
- get是從服務器上獲取數據,post是向服務器傳送數據;
- get是將表單中的數據按照variable=value的形式,添加到action所指向的URL后面,并且將兩者使用”?”連接,而各個變量用”&”連接;post則是將表單中的數據放在form的數據體中,按照變量和值相對應的方式,傳遞至action所指向的URL.
- get是不安全的,post則相對比較安全;
- get傳輸的數據量小,這主要是因為受URL長度限制;而post支持整個ISO10646字符集;
- get是form的默認方法
Get與Post的區別
在input里,name 有什么作用?
name 屬性規定 input 元素的名稱。
name 屬性用于對提交到服務器后的表單數據進行標識,或者在客戶端通過 JavaScript 引用表單數據。
注釋:只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
name屬性主要是用于對提交服務器的表單數據進行標識,我個人理解應該是為了方便服務器取值.name屬性如果不取值,那么服務器在取值時無法識別.
Id與Name的區別
radio 如何 分組?
- name屬性取值一致,表示為一組,value分別設值.
placeholder 屬性有什么作用?
- placeholder屬性主要是規定幫助用戶填入輸入字段的提示,即輸入字段的默認顯示值.
type=hidden隱藏域有什么作用? 舉例說明
- 表單隱藏域
隱藏域是用來收集或發送信息的不可見元素,對于網頁的訪問者來說,隱藏域是看不見的。當表單被提交時,隱藏域就會將信息用你設置時定義的名稱和值發送到服務器上。
代碼格式:<input tyoe="hidden" name=" .." value="..">
屬性解釋:type=”hidden”定義隱藏域;
name屬性定義隱藏域的名稱,要保證數據的準確采集,必須定義一個獨一無二的名稱;
value屬性定義隱藏域的值
- 隱藏域的使用
隱藏域的使用,就是從表中取值ID值,或者別的變量值,但在頁面中不顯示,然后經過的遞交到新一頁,通過request.form(“隱藏域名的name”)取出值。
舉例說明:
- <input type=hidden name=coun value=<%=cc%>>這里的隱藏域名為coun,值為<%=cc%>,假設前面cc=100的話,即值為100;
- 遞交表單到新頁面xx.asp;
- 在xx.asp頁中,使用request.write request.form(“coun”),則在頁面中顯示的值就是100
簡單來說就是:想要提取上一頁的某些信息,但在上一頁又不能顯示的這些東西就采用藏域。
- 隱藏域的作用
- 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器。
2. 有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當然這些東西也能用cookie實現,但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持,用戶禁用cookie的煩惱。
3. 有些時候一個form里有多個提交按鈕,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢?我們就可以寫一個隱藏域,然后在每一個按鈕處加上onclick=”document.form.command.value=”xx”“然后我們接到數據后先檢查command的值就會知道用戶是按的那個按鈕提交上來的。
4. 有時候一個網頁中有多個form,我們知道多個form是不能同時提交的,但有時這些form確實相互作用,我們就可以在form中添加隱藏域來使它們聯系起來。
5. javascript不支持全局變量,但有時我們必須用全局變量,我們就可以把值先存在隱藏域里,它的值就不會丟失了。
6. 還有個例子,比如按一個按鈕彈出四個小窗口,當點擊其中的一個小窗口時其他三個自動關閉.可是IE不支持小窗口相互調用,所以只有在父窗口寫個隱藏域,當小窗口看到那個隱藏域的值是close時就自己關掉。