1.form表單有什么作用?有哪些常用的input標(biāo)簽,分別有什么作用?
- 表單的作用是搜集用戶的輸入,用戶提交表單時(shí)向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(xiàn)用戶與web服務(wù)器的交互。
- 常用的input標(biāo)簽:
<input type="text">:定義用于文本輸入的單行輸入字段(默認(rèn)寬度為20個(gè)字符)
<input type="password">:定義密碼字段
<input type="radio">:定義單選按鈕,允許用戶在有限數(shù)量的選項(xiàng)中選擇一個(gè)
<input type="checkbox">:定義復(fù)選框
<input type="submit">:定義用于向表單處理程序提交表單的按鈕。
<input type="button">:定義按鈕
<input type="number">:用于應(yīng)該包含數(shù)字值的輸入字段
<input type="date">:用于應(yīng)該包含日期的輸入字段
<input type="color">:用于應(yīng)該包含顏色的輸入字段,根據(jù)瀏覽器支持,顏色選擇器會(huì)出現(xiàn)輸入字段中。
<input type="range">:用于應(yīng)該包含一定范圍內(nèi)的值的輸入字段,根據(jù)瀏覽器支持,輸入字段能夠顯示為滑動(dòng)控件
<input type="month">:允許用戶選擇月份和年份,根據(jù)瀏覽器的支持,日期選擇器會(huì)出現(xiàn)在輸入字段中
<input type="week">:允許用戶選擇周和年,根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。
<input type="time">:允許用戶選擇時(shí)間(無時(shí)區(qū)),根據(jù)瀏覽器支持,時(shí)間選擇器會(huì)出現(xiàn)輸入字段中。
<input type="datetime">:允許用戶選擇日期和時(shí)間(有時(shí)區(qū)),根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。
<input type="datetime-local">:允許用戶選擇日期和時(shí)間(無時(shí)區(qū)),根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。
<input type="email">:用于應(yīng)該包含電子郵件地址的輸入字段,根據(jù)瀏覽器支持,能夠在被提交時(shí)自動(dòng)對(duì)電子郵件地址進(jìn)行驗(yàn)證。
<input type="search">:用于搜索字段(搜索字段的表現(xiàn)類似常規(guī)文本字段)。
<input type="tel">:用于應(yīng)該包含電話號(hào)碼的輸入字段,目前只有Safari 8支持該類型
<input type="url">:用于應(yīng)該包含URL地址的輸入字段,根據(jù)瀏覽器的支持,在提交時(shí)能夠自動(dòng)驗(yàn)證url字段。
2.post和get方式有說明區(qū)別
- get適用于非敏感數(shù)據(jù)的提交,post適用于敏感數(shù)據(jù)的提交
- 當(dāng)使用get方法時(shí),表單數(shù)據(jù)在頁(yè)面地址欄中是可見的;當(dāng)使用post方法時(shí),表單數(shù)據(jù)在頁(yè)面地址欄中是不可見的。
- get適用于數(shù)據(jù)的查詢和獲取,post適用于數(shù)據(jù)的增加刪除和修改
- get方法提交的數(shù)據(jù)最多只能是1024字節(jié),理論上POST沒有限制,可傳較大量的數(shù)據(jù),IIS4中最大為80KB,IIS5中為100KB
3.在input里,name有什么作用
- POST和GET的時(shí)候,name和input中的值會(huì)形成的 鍵/值 對(duì),服務(wù)器端的表單處理程序只有通過name才能獲取到相應(yīng)的用戶輸入。
<input type="text" name="username">
<input type="password" name="password">
//在java程序中通過name來獲取用戶輸入
String name = request.getParameter("username");
String password = request.getParameter("password");
4.radio如何分組
- 為屬于同一組(類別)的選項(xiàng)設(shè)置相同的name值
<input type="radio" name="city" value="beijing">北京
<input type="radio" name="city" value="shanghai">上海
<input type="radio" name="city" value="hangzhou">杭州
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
5.placeholder屬性有什么作用
- placeholder屬性規(guī)定用以描述輸入字段預(yù)期值的提示,該提示會(huì)在用戶輸入值之前顯示在輸入字段中
- placeholder 屬性適用于以下輸入類型:text、search、url、tel、email 以及 password
6.type=hidden隱藏域有什么作用?舉例說明
- 標(biāo)簽
<input type="hidden" name="" value="">標(biāo)簽的作用是:隱藏不想讓用戶看到的信息,但是這些信息對(duì)于Web應(yīng)用又是非常必要的。
- 暫存信息:后端在構(gòu)造web頁(yè)面的過程中,通過hidden隱藏域在頁(yè)面中添加了相關(guān)數(shù)據(jù)信息(用戶對(duì)網(wǎng)頁(yè)進(jìn)行操作時(shí)可能會(huì)用到這些數(shù)據(jù)信息)
- 信息安全:后端在構(gòu)造web頁(yè)面的過程中,可以通過hidden隱藏域在頁(yè)面中添加相關(guān)的驗(yàn)證信息,當(dāng)form表單被提交后,服務(wù)器會(huì)收到該驗(yàn)證信息,通過一定的算法校驗(yàn)該驗(yàn)證信息,可以有效防止非法請(qǐng)求對(duì)數(shù)據(jù)庫(kù)的增刪改查,提高了web應(yīng)用的安全性。
7.html form頁(yè)面
https://yan358941877.github.io/task/task05.html
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。