Html的form表單

1.form表單的作用

form可以將表單數(shù)據(jù)提交到服務(wù)器
常見input標(biāo)簽及其作用:

  • text 單行文本框
  • password 密碼框
  • checkbox 多選組件
  • radio 單選組件
  • file 上傳文件
  • hidden 隱藏組件
  • submit 提交數(shù)據(jù)按鈕
  • bottom 普通按鈕
  • reset 重置按鈕

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

  • 方式:
    get請(qǐng)求時(shí) ,請(qǐng)求url會(huì)采用key+value的方式進(jìn)行拼接,并將數(shù)據(jù)傳送給后臺(tái)
    post請(qǐng)求時(shí),請(qǐng)求url不會(huì)發(fā)生變化,數(shù)據(jù)會(huì)用過(guò)瀏覽器傳給后臺(tái)
  • 安全性
    get請(qǐng)求,數(shù)據(jù)會(huì)顯示在url中 安全性比較差
    post請(qǐng)求,數(shù)據(jù)不會(huì)顯示在url中,安全性相對(duì)好
  • 數(shù)據(jù)量/傳輸速度
    get提交的信息有限,根據(jù)不同瀏覽器對(duì)URL長(zhǎng)度限制的不同而受到不同的限制。
    post理論上可以提交無(wú)限的信息量。
    post需要兩個(gè)階段發(fā)送數(shù)據(jù),降低了傳輸?shù)目煽啃砸约八俣取et只需要一個(gè)階段,速度更快。

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

一個(gè)頁(yè)面你的表單可能不止一個(gè),為了區(qū)分這些表單,我們使用name屬性來(lái)給表單進(jìn)行命名。這樣也是為了防止表單提交之后到后臺(tái)程序出現(xiàn)混亂。

4.radio 如何 分組?

通過(guò)設(shè)置name value 屬性 進(jìn)行分組

5.placeholder 屬性有什么作用?

placeholder 屬性規(guī)定可描述輸入字段預(yù)期值的簡(jiǎn)短的提示信息(比如:一個(gè)樣本值或者預(yù)期格式的短描述)。對(duì)用戶的輸入起到提示作用

6 type=hidden隱藏域有什么作用? 舉例說(shuō)明

語(yǔ)法:<input type="hidden"/>
有時(shí)候我們想要在頁(yè)面?zhèn)魉鸵恍?shù)據(jù),但是又不想讓用戶看見,這個(gè)時(shí)候我們可以通過(guò)一個(gè)隱藏域來(lái)傳送這樣的數(shù)據(jù)。隱藏域包含那些要提交處理的數(shù)據(jù),但這些數(shù)據(jù)并不顯示在瀏覽器中。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,881評(píng)論 18 139
  • <input>標(biāo)簽 標(biāo)簽用于搜集用戶信息,根據(jù)不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段...
    _空空閱讀 4,070評(píng)論 0 3
  • 1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 912評(píng)論 0 1
  • 1.動(dòng)手 form 表單table 表格 2. <form>表單元素 1) 簡(jiǎn)述: 元素是塊級(jí)元素,其開始標(biāo)簽和結(jié)...
    _Dot912閱讀 2,043評(píng)論 2 8
  • 我們之間 那些曾經(jīng)用力擁抱 用心擁吻的間隙 或許還有一片 我尚未觸及 又搞不清 來(lái)由的 灰色之地 我無(wú)法理解 甚至...
    幻夢(mèng)邪魂閱讀 495評(píng)論 0 1