Form表單

1. form表單有什么作用?有哪些常用的input 標簽症副,分別有什么作用荷逞?

  • HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)迹缀,從而實現(xiàn)用戶與Web服務(wù)器的交互使碾。
  • 常見的input標簽有:
標簽 功能
<input type="text"> 定義用于文本輸入的單行輸入字段(默認寬度為20個字符)
<input type="password"> 定義密碼字段
<input type="radio"> 定義單選按鈕蜜徽,允許用戶在有限數(shù)量的選項中選擇一個
<input type="checkbox"> 定義復(fù)選框
<input type="submit"> 定義用于向表單處理程序提交表單的按鈕
<input type="button"> 定義按鈕
<input type="number"> 用于應(yīng)該包含數(shù)字值的輸入字段
<input type="file"> 上傳文件
<input type="hidden"> 隱藏域

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

  • GET在瀏覽器回退時是無害的票摇,而POST會再次提交請求拘鞋。
  • GET產(chǎn)生的URL地址可以被Bookmark,而POST不可以矢门。
  • GET請求會被瀏覽器主動cache盆色,而POST不會,除非手動設(shè)置祟剔。
  • GET請求只能進行url編碼隔躲,而POST支持多種編碼方式。
  • GET請求參數(shù)會被完整保留在瀏覽器歷史記錄里物延,而POST中的參數(shù)不會被保留宣旱。
  • GET請求在URL中傳送的參數(shù)是有長度限制的,而POST沒有叛薯。
  • GET比POST更不安全浑吟,因為參數(shù)直接暴露在URL上,所以不能用來傳遞敏感信息耗溜。
  • GET參數(shù)通過URL傳遞组力,POST放在Request body中。

3. 在input里抖拴,name有什么作用燎字?

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

4. radio 如何分組?

把同組選項的name屬性設(shè)為相同候衍。

5. placeholder 屬性有什么作用?

placeholder屬性能夠在文本框里描述提示信息。一旦你在文本框里輸入了什么信息家夺,提示信息就會隱藏脱柱。

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

隱藏域是用來收集或發(fā)送信息的不可見元素拉馋,對于網(wǎng)頁的訪問者來說榨为,隱藏域是看不見的。當(dāng)表單被提交時煌茴,隱藏域就會將信息用你設(shè)置時定義的名稱和值發(fā)送到服務(wù)器上随闺,可以讓服務(wù)器知道數(shù)據(jù)采集的是否正確。

7.寫一篇博客簡單介紹 HTML 表單的用法蔓腐,附上博客鏈接矩乐。

html表單的用法

8.實現(xiàn)如下表單,附上預(yù)覽地址。其中性別和取向是單選,愛好是多選散罕。

表單實現(xiàn)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末分歇,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子欧漱,更是在濱河造成了極大的恐慌职抡,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件误甚,死亡現(xiàn)場離奇詭異缚甩,居然都是意外死亡,警方通過查閱死者的電腦和手機窑邦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門擅威,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人冈钦,你說我怎么就攤上這事况鸣≈夼郑” “怎么了谤辜?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵织中,是天一觀的道長薄扁。 經(jīng)常有香客問我旗吁,道長舆床,這世上最難降的妖魔是什么该溯? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任认轨,我火速辦了婚禮绅络,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘嘁字。我一直安慰自己恩急,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布纪蜒。 她就那樣靜靜地躺著衷恭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪纯续。 梳的紋絲不亂的頭發(fā)上随珠,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天,我揣著相機與錄音猬错,去河邊找鬼窗看。 笑死,一個胖子當(dāng)著我的面吹牛倦炒,可吹牛的內(nèi)容都是我干的显沈。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拉讯!你這毒婦竟也來了涤浇?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤魔慷,失蹤者是張志新(化名)和其女友劉穎芙代,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體盖彭,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡纹烹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了召边。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片铺呵。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖隧熙,靈堂內(nèi)的尸體忽然破棺而出片挂,到底是詐尸還是另有隱情,我是刑警寧澤贞盯,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布音念,位于F島的核電站,受9級特大地震影響躏敢,放射性物質(zhì)發(fā)生泄漏闷愤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一件余、第九天 我趴在偏房一處隱蔽的房頂上張望讥脐。 院中可真熱鬧,春花似錦啼器、人聲如沸旬渠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽告丢。三九已至,卻和暖如春损谦,著一層夾襖步出監(jiān)牢的瞬間岖免,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工成翩, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留觅捆,地道東北人。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓麻敌,卻偏偏與公主長得像栅炒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,678評論 2 354

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理赢赊,服務(wù)發(fā)現(xiàn)乙漓,斷路器,智...
    卡卡羅2017閱讀 134,654評論 18 139
  • 1.form表單有什么作用释移?有哪些常用的input 標簽叭披,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 881評論 0 1
  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中玩讳,表單是由form元素來表示的涩蜘,但是在jav...
    linfree閱讀 2,155評論 3 17
  • form表單有什么作用? Form 表單用于接收不同類型的用戶輸入熏纯,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)同诫,從而實現(xiàn)用戶與...
    饑人谷_溯彬閱讀 702評論 0 0
  • 我沒有很刻意的想念你,因為我知道樟澜,遇到了就應(yīng)該感恩误窖,路過了就要釋懷。我只是在很多的小瞬間想起你秩贰。比如一部電影霹俺,一首...
    朕_2e24閱讀 180評論 0 1