1.form表單有什么作用硼啤?有哪些常用的input 標簽质况,分別有什么作用聪富?
form
表單的作用是搜集用戶的輸入莺丑,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實現(xiàn)用戶與web服務(wù)器的交互墩蔓。
常用的input標簽:
<input type="text">
:定義用于文本輸入的單行輸入字段(默認寬度為20個字符)
<input type="password">
:定義密碼字段
<input type="radio">
:定義單選按鈕窒盐,允許用戶在有限數(shù)量的選項中選擇一個
<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ù)瀏覽器支持,顏色選擇器會出現(xiàn)輸入字段中炕横。
<input type="range">
:用于應(yīng)該包含一定范圍內(nèi)的值的輸入字段源内,根據(jù)瀏覽器支持,輸入字段能夠顯示為滑動控件
<input type="month">
:允許用戶選擇月份和年份份殿,根據(jù)瀏覽器的支持膜钓,日期選擇器會出現(xiàn)在輸入字段中
<input type="week">
:允許用戶選擇周和年,根據(jù)瀏覽器支持,日期選擇器會出現(xiàn)輸入字段中卿嘲。
<input type="time">
:允許用戶選擇時間(無時區(qū)),根據(jù)瀏覽器支持颂斜,時間選擇器會出現(xiàn)輸入字段中。
<input type="datetime">
:允許用戶選擇日期和時間(有時區(qū)),根據(jù)瀏覽器支持拾枣,日期選擇器會出現(xiàn)輸入字段中沃疮。
<input type="datetime-local">
:允許用戶選擇日期和時間(無時區(qū)),根據(jù)瀏覽器支持盒让,日期選擇器會出現(xiàn)輸入字段中。
<input type="email">
:用于應(yīng)該包含電子郵件地址的輸入字段司蔬,根據(jù)瀏覽器支持邑茄,能夠在被提交時自動對電子郵件地址進行驗證胰丁。
<input type="search">
:用于搜索字段(搜索字段的表現(xiàn)類似常規(guī)文本字段)乌叶。
<input type="tel">
:用于應(yīng)該包含電話號碼的輸入字段茵典,目前只有Safari 8支持該類型
<input type="url">
:用于應(yīng)該包含URL地址的輸入字段懂扼,根據(jù)瀏覽器的支持牙言,在提交時能夠自動驗證url字段锋边。
2.post 和 get 方式的區(qū)別歌馍?
1黍氮、Get是用來從服務(wù)器上獲得數(shù)據(jù)跛十,而Post是用來向服務(wù)器上傳遞數(shù)據(jù)彤路。
2、Get將表單中數(shù)據(jù)的按照variable=value的形式偶器,添加到action所指向的URL后面斩萌,并且兩者使用“?”連接,而各個變量之間使用“&”連接屏轰;Post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中颊郎,按照變量和值相對應(yīng)的方式,傳遞到action所指向URL霎苗。
3姆吭、Get是不安全的,因為在傳輸過程唁盏,數(shù)據(jù)被放在請求的URL中内狸,而如今現(xiàn)有的很多服務(wù)器、代理服務(wù)器或者用戶代理都會將請求URL記錄到日志文件中厘擂,然后放在某個地方昆淡,這樣就可能會有一些隱私的信息被第三方看到。另外刽严,用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù)昂灵,一些系統(tǒng)內(nèi)部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的舞萄。
4眨补、Get傳輸?shù)臄?shù)據(jù)量小,這主要是因為受URL長度限制倒脓;而Post可以傳輸大量的數(shù)據(jù)撑螺,所以在上傳文件只能使用Post(當(dāng)然還有一個原因,將在后面的提到)崎弃。
5甘晤、Get限制Form表單的數(shù)據(jù)集的值必須為ASCII字符含潘;而Post支持整個ISO10646字符集。默認是用ISO-8859-1編碼
6安皱、Get是Form的默認方法调鬓。
轉(zhuǎn)一個{form表單中method的get和post區(qū)別}寫的比較好的文章
3.在input里,name 有什么作用酌伊? radio 如何 分組?
name
的作用是定義input
的名稱,向后臺服務(wù)器傳輸數(shù)據(jù)時對應(yīng)value的key值
check
和radio
靠相同的name
值分組
5.placeholder 屬性有什么作用?
placeholder
屬性提供可描述輸入字段預(yù)期值的提示信息(hint)腾窝。
該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失居砖。
注釋:placeholder 屬性適用于以下的 <input> 類型:text, search, url, telephone, email 以及 password虹脯。
這是一個范例,轉(zhuǎn)自菜鳥教程
6.type=hidden隱藏域有什么作用?
暫存信息、安全作用
type
指定為hidden
的標簽奏候,呈現(xiàn)頁面時用戶是看不到的循集;可以在這個隱藏部分埋入一個服務(wù)器端事先知道的值,當(dāng)服務(wù)器端收到表單上傳的數(shù)據(jù)時蔗草,首先驗證這個值是否正確咒彤,防止惡意偽造頁面上傳非法數(shù)據(jù)