關(guān)于表單

一:
(1)form可以將表單中的內(nèi)容提交到服務(wù)器。
(2)input的屬性
1、type=text
輸入類型是text,這是我們見的最多也是使用最多的,比如登陸輸入用戶名,注冊輸入電話號碼,電子郵件,住址等等。當(dāng)然這也是Input的默認(rèn)類型。
參數(shù)name:同樣是表示的該文本輸入框名稱。
參數(shù)size:輸入框的長度大小。
參數(shù)maxlength:輸入框中允許輸入字符的最大數(shù)。
參數(shù)value:輸入框中的默認(rèn)值。
特殊參數(shù)readonly:表示該框中只能顯示,不能添加修改。
2、type=password
輸入類型是password,一看就明白的密碼輸入框,最大的區(qū)別就是當(dāng)在此輸入框輸入信息時顯示為保密字符。參數(shù)和“type=text”相類似。
3、type=file
當(dāng)你在BBS上傳圖片,在Email中上傳附件時一定少不了的東西,提供了一個文件目錄輸入的平臺,選擇上傳文件,參數(shù)有name,size。
4、type=hidden
非常值得注意的一個,通常稱為隱藏域。如果一個非常重要的信息需要被提交到下一頁,但又不能或者無法明示的時候。一句話,你在頁面中是看不到hidden在哪里。最有用的是hidden的值。
5、type=button
標(biāo)準(zhǔn)的windows風(fēng)格的按鈕,當(dāng)然要讓按鈕跳轉(zhuǎn)到某個頁面上還需要加入寫JavaScript代碼。
6、type=checkbox
多選框,常見于注冊時選擇愛好、性格、等信息。參數(shù)有name,value及特別參數(shù)checked(表示默認(rèn)選擇) 其實最重要的還是value值,提交到處理頁的也就是value。(附:name值可以不一樣,但不推薦。)
7、type=radio
單選框,出現(xiàn)在多選一的頁面設(shè)定中。參數(shù)同樣有name,value及特別參數(shù)checked。不同于checkbox的是,name值一定要相同,否則就不能多選一。當(dāng)然提交到處理頁的也還是value值。
8、type=image
比較另類的一個,可以作為提交式圖片按鈕,通常采用這種按鈕效果更美觀。
9、type=submit and type=reset
分別是“提交”和“重置”兩按鈕,submit主要功能是將Form中所有內(nèi)容進(jìn)行提交action頁處理,reset是快速清空所有填寫內(nèi)容的功能。

二 post和get方式的區(qū)別
表單提交中g(shù)et和post方式的區(qū)別有5點
1.get是從服務(wù)器上獲取數(shù)據(jù),post是向服務(wù)器傳送數(shù)據(jù)。
2.get是把參數(shù)數(shù)據(jù)隊列加到提交表單的ACTION屬性所指的URL中,值和表單內(nèi)各個字段一一對應(yīng),在URL中可以看到。post是通過HTTPpost機(jī)制,將表單內(nèi)各個字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。
3.對于get方式,服務(wù)器端用Request.QueryString獲取變量的值,對于post方式,服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。
4.get傳送的數(shù)據(jù)量較小,不能大于2KB。post傳送的數(shù)據(jù)量較大,一般被默認(rèn)為不受限制。但理論上,IIS4中最大量為80KB,IIS5中為100KB。
5.get安全性非常低,post安全性較高。

三 name的作用?
name 屬性規(guī)定 input 元素的名稱。只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

四 表單中radio的分組?
input單選框,name相同的單選項為同一單選組

五 placeholder 屬性有什么作用?
placeholder屬性能夠讓你在文本框里顯示提示信息,一旦你在文本框里輸入了什么信息,提示信息就會隱藏。

六 type="hidden"隱藏域有什么作用? 舉例說明
1、隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務(wù)器。
2、有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當(dāng)然這些東西也能用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、還有個例子,比如按一個按鈕彈出四個小窗口,當(dāng)點擊其中的一個小窗口時其他三個自動關(guān)閉.可是IE不支持小窗口相互調(diào)用,所以只有在父窗口寫個隱藏域,當(dāng)小窗口看到那個隱藏域的值是close時就自己關(guān)掉。
如:
1、<input type=hidden name=coun value=<%=cc%>>
這里的隱藏域名為coun,值為<%=cc%>,假設(shè)前面cc=100的話,即值為100;
2、遞交表單<form action=xx.asp>到新頁面xx.asp;
3、在xx.asp頁中,使用request.write request.form("coun"),則在頁面中顯示的值就是100。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? 實現(xiàn)頁面與web服務(wù)器傳輸數(shù)據(jù)的作用。常見...
    來人啊都給朕退下吧閱讀 124評論 0 0
  • HTML表單 在HTML中,表單是 ... 之間元素的集合,它們允許訪問者輸入文本、選擇選項、操作對象等等,然后將...
    蘭山小亭閱讀 3,507評論 2 14
  • ¥開啟¥ 【iAPP實現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,334評論 0 17
  • 表單基礎(chǔ)知識 在HTML中,表單是由 元素來表示的,而在JS中,表單對應(yīng)的則是HTMLFormElement類型。...
    oWSQo閱讀 965評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,564評論 19 139

友情鏈接更多精彩內(nèi)容