1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
表單的作用
表單用于向服務(wù)器傳輸數(shù)據(jù)。表單能夠包含 input 元素,比如文本字段、復(fù)選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
form標(biāo)簽的四個(gè)屬性:
- action:表單提交的地址
- method:提交表單的方法,取值為get或者post
- target:在何處打開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書簽可收藏,post為書簽不可收藏;get能被緩存,post不能緩存
3.在input里,name 有什么作用?
name屬性規(guī)定了input元素的名稱,只有設(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="用戶名"></input>
6.type=hidden隱藏域有什么作用?
隱藏一段用戶看不到的數(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)源是否可靠