1僚纷、form表單有什么作用?有哪些常用的input 標(biāo)簽念赶,分別有什么作用柠衍?
作用:HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)晶乔,從而實現(xiàn)用戶與Web服務(wù)器的交互珍坊。
常用的input標(biāo)簽:
標(biāo)簽 | 功能 |
---|---|
<input type="text"> | 定義單行輸入文本框 |
<input type="password"> | 定義密碼字段 |
<input type="radio"> | 定義單選按鈕,用name分組 |
<input type="checkbox"> | 定義多選按鈕 |
<input type="submit"> | 定義提交表單數(shù)據(jù)至表單處理程序的按鈕 |
<input type="button"> | 定義按鈕 |
<input type="reset"> | 定義重置按鈕 |
<input type="number"> | 用于應(yīng)該包含數(shù)字值的輸入字段 |
<input type="date"> | 用于應(yīng)該包含日期的輸入字段 |
<input type="color"> | 用于應(yīng)該包含顏色的輸入字段 |
2正罢、post 和 get 方式的區(qū)別阵漏?
GET和POST是HTTP請求的兩種基本方法:
- POST : 向指定的資源提交要被處理的數(shù)據(jù)
- GET :從指定的資源請求數(shù)據(jù)
區(qū)別:參考資料
最直觀的區(qū)別就是GET把參數(shù)包含在URL中,POST通過request body傳遞參數(shù)翻具。
- GET在瀏覽器回退時是無害的履怯,而POST會再次提交請求。
- GET產(chǎn)生的URL地址可以被Bookmark裆泳,而POST不可以叹洲。
- GET請求會被瀏覽器主動cache,而POST不會工禾,除非手動設(shè)置运提。
- GET請求只能進(jìn)行url編碼蝗柔,而POST支持多種編碼方式。
- GET請求參數(shù)會被完整保留在瀏覽器歷史記錄里民泵,而POST中的參數(shù)不會被保留癣丧。
- GET請求在URL中傳送的參數(shù)是有長度限制的,而POST么有栈妆。
- 對參數(shù)的數(shù)據(jù)類型胁编,GET只接受ASCII字符,而POST沒有限制鳞尔。
- GET比POST更不安全嬉橙,因為參數(shù)直接暴露在URL上,所以不能用來傳遞敏感信息寥假。
- GET參數(shù)通過URL傳遞市框,POST放在Request body中。
3昧旨、在input里,name 有什么作用祥得?
name 屬性規(guī)定 input 元素的名稱兔沃,只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值
4、radio(單選) 如何分組?
把radio同組的name屬性設(shè)為相同
<input type="radio" name="sex" value=“man">男
<input type="radio" name="sex" value="woman">女
5级及、placeholder 屬性有什么作用?
placeholder屬性能夠讓你在文本框里顯示提示信息乒疏,一旦你在文本框里輸入了什么信息,提示信息就會隱藏饮焦。
6怕吴、type="hidden"隱藏域有什么作用? 舉例說明
隱藏域是用來收集或發(fā)送信息的不可見元素,對于網(wǎng)頁的訪問者來說县踢,隱藏域是看不見的转绷。當(dāng)表單被提交時,隱藏域就會將信息用你設(shè)置時定義的名稱和值發(fā)送到服務(wù)器上硼啤,可以讓服務(wù)器知道數(shù)據(jù)采集的是否正確议经。
參考資料
8谴返、實現(xiàn)如下表單煞肾,附上預(yù)覽地址。(其中性別和取向是單選嗓袱,愛好是多選)