form表單有什么作用?
根據(jù)需制作包含表單元素的表單,用戶填寫后,表單會收集數(shù)據(jù)并傳輸?shù)椒?wù)器存儲,用于開發(fā)者查看調(diào)用。
有哪些常用的input 標(biāo)簽,分別有什么作用?
| input標(biāo)簽 | 作用 |
|---|---|
<input type="text"> |
用于輸入單行文字字段 |
<input type="password"> |
用于輸入密碼字段 |
<input type="checkbox"> |
用于點選多項選擇 |
<input type="radio"> |
用于點選單項選擇 |
<input type="file"> |
用于上傳附件 |
<input type="text"> |
用于單行文字字段 |
<input type="hidden"> |
定義隱藏的輸入字段 |
<input type="reset"> |
定義重置按鈕 |
<input type="submit"> |
定義提交按鈕 |
<input type="number"> |
定義包含數(shù)字值的輸入字段 |
<input type="button"> |
定義按鈕 |
post 和 get 方式的區(qū)別?
GET在瀏覽器回退時是無害的,而POST會再次提交請求
GET產(chǎn)生的URL地址可以被Bookmark,而POST不可以
GET請求會被瀏覽器主動cache,而POST不會,除非手動設(shè)置
GET請求只能進(jìn)行url編碼,而POST支持多種編碼方式
GET請求參數(shù)會被完整保留在瀏覽器歷史記錄里,而POST中的參數(shù)不會被保留
GET請求在URL中傳送的參數(shù)是有長度限制的(瀏覽器通常都會限制url長度在2K個字節(jié),而大多數(shù)服務(wù)器最多處理64K大小的url),而POST沒有限制。
對參數(shù)的數(shù)據(jù)類型,GET只接受ASCII字符,而POST沒有限制
GET比POST更不安全,因為參數(shù)直接暴露在URL上,所以不能用來傳遞敏感信息
GET參數(shù)通過URL傳遞,POST放在Request body中
GET和POST本質(zhì)上就是TCP鏈接,并無差別。但是由于HTTP的規(guī)定和瀏覽器/服務(wù)器的限制,導(dǎo)致他們在應(yīng)用過程中體現(xiàn)出一些不同
GET產(chǎn)生一個TCP數(shù)據(jù)包;POST產(chǎn)生兩個TCP數(shù)據(jù)包
參考:99%的人都理解錯了HTTP中GET與POST的區(qū)別
在input里,name 有什么作用?
- name屬性為input元素設(shè)定名稱,當(dāng)數(shù)據(jù)提交到數(shù)據(jù)庫中會顯示name:data
- 在單選復(fù)選選框中,設(shè)置相同name的選項為一組選項
radio如何分組?
上一個問題已回答:在選擇框中,設(shè)置相同name的選項為一組選項
例如:
<input type=radio name=sex1 value=男>
<input type=radio name=sex1 value=女>
<input type=radio name=sex2 value=攻>
<input type=radio name=sex2 value=受>
其中男、女為一組選項,攻、受為一組選項
placeholder 屬性有什么作用?
placeholder屬性能夠讓你在文本框里顯示提示信息,一旦你在文本框里輸入了什么信息,提示信息就會隱藏
type=hidden隱藏域有什么作用?舉例說明
- 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用
- 收集用戶身份信息
- 區(qū)分多個提交按鈕
- 連接同一個頁面中的多個form,起到一次性提交同一頁面中所有form的效果
- 存儲全局變量
寫一篇博客簡單介紹 HTML 表單的用法
實現(xiàn)如下表單,附上預(yù)覽地址。其中性別和取向是單選,愛好是多選
