Form 表單

1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用货徙?

form表單主要是用于瀏覽器與后臺交互數(shù)據(jù)芍瑞。
常見的input標簽:

  • 文本域
    創(chuàng)建文本域晨仑,用戶可以在文本域?qū)懭胛谋荆挥幸恍小?br> 語法:
    <input type="text" name="#" value="*"/>
  • 密碼域
    創(chuàng)建密碼域,輸入的文字會顯示成圓點洪己。
    語法:
    <input type="password" name="#" value="*"/>
  • 復選框
    創(chuàng)建單個選擇框妥凳,用戶可以選中或取消選取復選框。
    語法:
    <input type="checkbox" name="#" value=""/>
    <input type="checkbox" name="#" value="
    "/>
  • 單選按鈕
    創(chuàng)建單選按鈕,相同name值的單選框只能的一個被選中答捕。
    語法:
    <input type="radio" name="#" value=""/>
    <input type="radio" name="#" value="
    "/>
  • 下拉列表
    創(chuàng)建下拉列表框逝钥,屬性中加入selected的option會成為默認選項。
    語法:
    <select name="#"/>
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c" selected>c</option>
    <option value="d">d</option>
    </select>
  • 多行文本域
    創(chuàng)建一個多行文本域拱镐,用戶可以在文本域中寫入文本艘款,在文本域中,可寫入的字符字數(shù)不受限制沃琅。
    語法:
    <textarea name="#"/>富文本</textarea>
  • 創(chuàng)建按鍵
    創(chuàng)建按鍵哗咆,用戶可以對按鈕上的文字進行自定義,點擊不會提交form表單的數(shù)據(jù)益眉。
    語法:
    <input type="button" name="#" value="*"/>
  • 提交按鍵
    創(chuàng)建按鍵晌柬,用戶可以對按鈕上的文字進行自定義,會提交form表單中的數(shù)據(jù)郭脂。
    語法:
    <input type="submit" name="#" value="*"/>
  • 重置按鍵
    創(chuàng)建按鍵年碘,用戶可以對按鈕上的文字進行自定義,會重置form表單中的數(shù)據(jù)展鸡,全部回到默認狀態(tài)盛泡。
    語法:
    <input type="reset" name="#" value="*"/>

2.post 和 get 方式的區(qū)別?

  • get是從服務器上獲取數(shù)據(jù)娱颊,post是向服務器傳送數(shù)據(jù)傲诵;
  • get傳送的數(shù)據(jù)量較小,不能大于2KB箱硕。post傳送的數(shù)據(jù)量較大拴竹,一般被默認為不受限制;
  • get提交數(shù)據(jù)會改變url剧罩,post提交數(shù)據(jù)給不會改變url栓拜;
  • get安全性非常低,post安全性較高惠昔。

3.在input里幕与,name 有什么作用?

name的作用是定義input的變量名镇防,同時可以在radio和checkbox中起到分組的作用啦鸣。

4.radio 如何 分組?

radio的分組由input屬性中的name值決定。

5.placeholder 屬性有什么作用?

placeholder 可以對輸入框的要輸入內(nèi)容給予提示来氧,同時該輸入框的內(nèi)容不會傳輸給后臺诫给。

6.type=hidden隱藏域有什么作用? 舉例說明

語法:

<input type="hidden" name="#" value="*"/>
  • 表單中加入隱藏域用于收集或發(fā)送信息香拉,提交表單時,hidden的value值也會與提交給后臺中狂。
  • 可以用于一種身份認證凫碌,在頁面中加入特定的hidden值,防止后臺服務器收集非法數(shù)據(jù)胃榕。

7.HTML 表單的用法

8.實例表單

本博客版權歸曾祥輝和饑人谷所有盛险,轉(zhuǎn)載需說明來源

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市勋又,隨后出現(xiàn)的幾起案子枉层,更是在濱河造成了極大的恐慌,老刑警劉巖赐写,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鸟蜡,死亡現(xiàn)場離奇詭異,居然都是意外死亡挺邀,警方通過查閱死者的電腦和手機揉忘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來端铛,“玉大人泣矛,你說我怎么就攤上這事『滩希” “怎么了您朽?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長换淆。 經(jīng)常有香客問我哗总,道長,這世上最難降的妖魔是什么倍试? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任讯屈,我火速辦了婚禮,結(jié)果婚禮上县习,老公的妹妹穿的比我還像新娘涮母。我一直安慰自己,他們只是感情好躁愿,可當我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布叛本。 她就那樣靜靜地躺著,像睡著了一般彤钟。 火紅的嫁衣襯著肌膚如雪来候。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天样勃,我揣著相機與錄音吠勘,去河邊找鬼性芬。 笑死峡眶,一個胖子當著我的面吹牛剧防,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播辫樱,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼峭拘,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了狮暑?” 一聲冷哼從身側(cè)響起鸡挠,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎搬男,沒想到半個月后拣展,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡缔逛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年备埃,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片褐奴。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡按脚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出敦冬,到底是詐尸還是另有隱情辅搬,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布脖旱,位于F島的核電站堪遂,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏萌庆。R本人自食惡果不足惜蚤氏,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望踊兜。 院中可真熱鬧竿滨,春花似錦、人聲如沸捏境。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽垫言。三九已至贰剥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間筷频,已是汗流浹背蚌成。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工前痘, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人担忧。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓芹缔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親瓶盛。 傳聞我的和親對象是個殘疾皇子最欠,可洞房花燭夜當晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來表示的惩猫,但是在jav...
    linfree閱讀 2,139評論 3 17
  • 1.form表單有什么作用芝硬?有哪些常用的input 標簽,分別有什么作用轧房? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 875評論 0 1
  • 什么是FORM表單: 表單是用來提交資料拌阴、意見,規(guī)范流程執(zhí)行過程的格式奶镶。表單在網(wǎng)頁中主要負責數(shù)據(jù)采集功能迟赃。一個表單...
    PYFang閱讀 1,119評論 0 0
  • 一.什么是< form>表單 格式: 作用:form表單一般用來收集用戶的信息,并把信息傳送到后臺实辑。 注意點:1....
    饑人谷_劉沖閱讀 2,697評論 0 1
  • 1. form表單有什么作用捺氢?有哪些常用的input 標簽,分別有什么作用剪撬? form表單: 標簽用于為用戶輸入創(chuàng)...
    Volcaner閱讀 835評論 0 0