1.form表單有什么作用俊犯?有哪些常用的input 標(biāo)簽妇多,分別有什么作用?
表單的作用
表單用于向服務(wù)器傳輸數(shù)據(jù)瘫析。表單能夠包含 input 元素砌梆,比如文本字段、復(fù)選框贬循、單選框咸包、提交按鈕等等。表單還可以包含 menus杖虾、textarea烂瘫、fieldset、legend 和 label 元素奇适。
form標(biāo)簽的四個(gè)屬性:
- action:表單提交的地址
- method:提交表單的方法,取值為get或者post
- target:在何處打開(kāi)action
- enctype:規(guī)定被提交數(shù)據(jù)的編碼(默認(rèn):url-encoded)
常用的input標(biāo)簽
<input type="text><!-- 定義用于文本輸入的單行輸入字段(默認(rèn)寬度為20個(gè)字符) -->
<input type="password"><!-- 定義密碼字段 -->
<input type="radio"><!-- 定義單選按鈕 -->
<input type="checkbox"><!-- 定義復(fù)選按鈕 -->
<input type="submit"><!-- 定義用于向表單處理程序提交表單的按鈕 -->
<input type="button"><!-- 定義按鈕 -->
<input type="reset"><!-- 定義復(fù)位按鈕 -->
<input type="hidden"><!-- 用來(lái)隱藏坟比,便于校驗(yàn)-->
<input type="number"><!-- 用于包含數(shù)字值選擇的輸入字段-->
<input type="date"><!--用于包含日期選擇的輸入字段-->
<input type="color"><!--用于包含顏色選擇的輸入字段,根據(jù)瀏覽器支持嚷往,顏色選擇器會(huì)出現(xiàn)輸入字段中-->
2.post 和 get 方式的區(qū)別葛账?
- 傳輸方式不同:get會(huì)將表單的key值和value值拼接組成URL發(fā)送給服務(wù)器,post不會(huì)改變URL皮仁;
- 安全性不同:get發(fā)送的URL使用明文方式組成籍琳,存在明顯的安全隱患,post不會(huì)出現(xiàn)這個(gè)問(wèn)題贷祈;
- 傳輸數(shù)據(jù)大小不同:get發(fā)送數(shù)據(jù)時(shí)會(huì)受到URL字符數(shù)的限制趋急,post不受這個(gè)限制;
- 作用對(duì)象不同:get通常用于向服務(wù)器索取數(shù)據(jù)势誊,post通常用于向服務(wù)器發(fā)送數(shù)據(jù)呜达。
ps:get只允許 ASCII 字符,post沒(méi)有限制粟耻,也允許二進(jìn)制數(shù)據(jù)查近;get書(shū)簽可收藏,post為書(shū)簽不可收藏挤忙;get能被緩存霜威,post不能緩存
3.在input里,name 有什么作用饭玲?
name屬性規(guī)定了input元素的名稱(chēng)侥祭,只有設(shè)置了name屬性的表單元素才能在提交表單時(shí)傳遞它們的值
4.radio 如何 分組?
把name屬性設(shè)置為相同即為同一組
<label>性別:</label>
<input type="radio" name="sex" value="male" >男</input>
<input type="radio" name="sex" value="female">女</input>
5.placeholder 屬性有什么作用?
在文本框中顯示提示信息,當(dāng)輸入信息后,placeholder會(huì)消失,不影響value的值
<label for="username">姓名:</label>
<input id="username" type="text" name="username" value="" placeholder="用戶(hù)名"></input>
6.type=hidden隱藏域有什么作用?
隱藏一段用戶(hù)看不到的數(shù)據(jù)矮冬,服務(wù)器在接受到表單數(shù)據(jù)時(shí)對(duì)這個(gè)隱藏字段進(jìn)行校驗(yàn)谈宛,服務(wù)器可以根據(jù)這個(gè)碼驗(yàn)證請(qǐng)求是否過(guò)期,用于防止惡意的多次請(qǐng)求發(fā)送胎署,以及來(lái)識(shí)別該表單數(shù)據(jù)來(lái)源是否可靠