form表單

?post 和 get 方式的區(qū)別达址?

get一般用于向服務器查詢/獲取信息**post**一般用于向服務器提交信息作彤。

get提交的信息會顯示在URL中第练,因此降低了安全性二驰。而**post**不會顯示在URL中瑞妇,提高了安全性

get提交的信息有限稿静,根據(jù)不同瀏覽器對URL長度限制的不同而受到不同的限制。而**post**理論上可以提交無限的信息量辕狰。

post需要兩個階段發(fā)送數(shù)據(jù)改备,降低了傳輸?shù)目煽啃砸约八俣取?b>get只需要一個階段,速度更快蔓倍。


placeholder屬性有什么作用

placeholder屬性規(guī)定用以描述輸入字段預期值的提示悬钳,該提示會在用戶輸入值之前顯示在輸入字段中

placeholder 屬性適用于以下輸入類型:text、search偶翅、url默勾、tel、email 以及 password


inpute標簽的常用屬性

accept:規(guī)定通過文件上傳來提交的文件類型聚谁,要與type="file"配合使用

align:規(guī)定圖像輸入的對齊方式蚂夕,不贊成使用洲炊。

alt:text绸吸。定義圖像輸入的替代文本

autocomplete:on/off砌些。規(guī)定是否使用輸入字段的自動完成功能。

autofocus:autofocus朵耕。規(guī)定輸入字段在頁面加載時是否獲得焦點炫隶。(不適用于type="hidden")

checked:checked。規(guī)定此input元素首次加載時應當被選中阎曹。

formaction:URL伪阶。覆蓋表單的action屬性煞檩。(適用于type="submit"和type="image")

formenctype。覆蓋表單的enctype屬性望门。(適用于type="submit"和type="image")

formmethod:get/post形娇。覆蓋表單的method屬性锰霜。(適用于type="submit"和type="image")

formnovalidate:formnovalidate筹误。覆蓋表單的novalidate屬性。如果使用該屬性癣缅,則提交表單時不進行驗證厨剪。

formtarget:_blank/_self/_parent/_top/framename。覆蓋表單的target屬性友存。

height:像素/百分比祷膳。定義input字段的高度。(適用于type="image")

list:adtalist-id屡立。引用包含輸入字段的預定義選項的datalist直晨。

max:number/date。規(guī)定輸入字段的最大值膨俐。與"min"屬性配合使用勇皇。

maxlength:number。規(guī)定輸入字段中的字符的最大長度焚刺。

min:number/date敛摘。規(guī)定輸入字段的最小值。與"max"屬性配合使用乳愉。

multiple:multiple兄淫。如果使用該屬性,則允許一個以上的值蔓姚。

name:"field_name"捕虽。定義input元素的名稱。

pattern:regexp_pattern坡脐。規(guī)定輸入字段的值的模式或格式薯鳍,即指正則表達式。

placeholder:text挨措。規(guī)定幫助用戶填寫輸入字段的提示挖滤。

readonly:readonly。規(guī)定輸入字段為只讀浅役。

required:required斩松。至少輸入字段的值是必須的。

size:number_of_char觉既。至少輸入字段的寬度惧盹。

src:URL乳幸。定義以提交按鈕形式顯示的圖像的URL。

step:number钧椰。規(guī)定輸入字的合肥數(shù)字間隔粹断。

type:button/checkbox/file/hidden/image/password/radio/reset/submit/text。規(guī)定input元素的類型嫡霞。

{

button:定義可點擊按鈕瓶埋。

checkbox:定義復選框。

file:定義輸入字段和“瀏覽”按鈕诊沪,供文件上傳养筒。

hidden:定義隱藏的輸入字段。

image:定義圖像形式的提交按鈕端姚。

password:定義密碼字段晕粪。該字段中的字符被掩碼。

radio:定義單選按鈕渐裸。

reset:定義重置按鈕巫湘。重置按鈕會清除表單中的所有數(shù)據(jù)。

submit:定義提交按鈕昏鹃。提交按鈕會把表單數(shù)據(jù)發(fā)送到服務器尚氛。

text:定義單行的輸入字段,用戶可在其中輸入文本盆顾。默認寬度為20個字符怠褐。

}

value:value。規(guī)定input元素的值您宪。

width:像素/百分比奈懒。定義input字段的寬度。(適用于type="image")


inputename定義和用法

name 屬性規(guī)定 input 元素的名稱宪巨。

name 屬性用于對提交到服務器后的表單數(shù)據(jù)進行標識磷杏,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

注釋:只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值


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不支持小窗口相互調用茅逮,所以只有在父窗口寫個隱藏域,當小窗口看到那個隱藏域的值是close時就自己關掉判哥。


form定義和用法

標簽用于為用戶輸入創(chuàng)建 HTML 表單献雅。

表單能夠包含input 元素,比如文本字段塌计、復選框挺身、單選框、提交按鈕等等锌仅。

表單還可以包含menus章钾、textareafieldset热芹、legendlabel 元素贱傀。

表單用于向服務器傳輸數(shù)據(jù)。

提示和注釋

注釋:form 元素是塊級元素伊脓,其前后會產(chǎn)生折行


radio如何分組

為屬于同一組(類別)的選項設置相同的name值





最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末府寒,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子报腔,更是在濱河造成了極大的恐慌株搔,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,919評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件纯蛾,死亡現(xiàn)場離奇詭異纤房,居然都是意外死亡,警方通過查閱死者的電腦和手機茅撞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評論 3 392
  • 文/潘曉璐 我一進店門帆卓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來巨朦,“玉大人,你說我怎么就攤上這事剑令『龋” “怎么了?”我有些...
    開封第一講書人閱讀 163,316評論 0 353
  • 文/不壞的土叔 我叫張陵吁津,是天一觀的道長棚蓄。 經(jīng)常有香客問我,道長碍脏,這世上最難降的妖魔是什么梭依? 我笑而不...
    開封第一講書人閱讀 58,294評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮典尾,結果婚禮上役拴,老公的妹妹穿的比我還像新娘。我一直安慰自己钾埂,他們只是感情好河闰,可當我...
    茶點故事閱讀 67,318評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著褥紫,像睡著了一般姜性。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上髓考,一...
    開封第一講書人閱讀 51,245評論 1 299
  • 那天部念,我揣著相機與錄音,去河邊找鬼氨菇。 笑死儡炼,一個胖子當著我的面吹牛,可吹牛的內容都是我干的门驾。 我是一名探鬼主播射赛,決...
    沈念sama閱讀 40,120評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼奶是!你這毒婦竟也來了楣责?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,964評論 0 275
  • 序言:老撾萬榮一對情侶失蹤聂沙,失蹤者是張志新(化名)和其女友劉穎秆麸,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體及汉,經(jīng)...
    沈念sama閱讀 45,376評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡沮趣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,592評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了坷随。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片房铭。...
    茶點故事閱讀 39,764評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡驻龟,死狀恐怖,靈堂內的尸體忽然破棺而出缸匪,到底是詐尸還是另有隱情翁狐,我是刑警寧澤,帶...
    沈念sama閱讀 35,460評論 5 344
  • 正文 年R本政府宣布凌蔬,位于F島的核電站露懒,受9級特大地震影響,放射性物質發(fā)生泄漏砂心。R本人自食惡果不足惜懈词,卻給世界環(huán)境...
    茶點故事閱讀 41,070評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辩诞。 院中可真熱鬧坎弯,春花似錦、人聲如沸躁倒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,697評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽秧秉。三九已至,卻和暖如春衰抑,著一層夾襖步出監(jiān)牢的瞬間象迎,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,846評論 1 269
  • 我被黑心中介騙來泰國打工呛踊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留砾淌,地道東北人。 一個月前我還...
    沈念sama閱讀 47,819評論 2 370
  • 正文 我出身青樓谭网,卻偏偏與公主長得像汪厨,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子愉择,可洞房花燭夜當晚...
    茶點故事閱讀 44,665評論 2 354

推薦閱讀更多精彩內容

  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標簽和結...
    _Dot912閱讀 2,020評論 2 8
  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中劫乱,表單是由form元素來表示的,但是在jav...
    linfree閱讀 2,155評論 3 17
  • form簡介 是HTML中的一個元素锥涕,它表示文檔中的一個區(qū)域衷戈,這個區(qū)域包含了交互控件,用于向web服務器提交信息层坠。...
    七里之境閱讀 1,328評論 0 1
  • 什么是FORM表單: 表單是用來提交資料殖妇、意見,規(guī)范流程執(zhí)行過程的格式破花。表單在網(wǎng)頁中主要負責數(shù)據(jù)采集功能谦趣。一個表單...
    PYFang閱讀 1,131評論 0 0
  • form表單有什么作用疲吸?有哪些常用的input 標簽,分別有什么作用前鹅? 標簽用于為用戶創(chuàng)建HTML表單磅氨,并向服務器...
    zx9426閱讀 598評論 0 1