1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
form
表單的作用是搜集用戶的輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶與web服務器的交互。
常用的input標簽:
<input type="text">
:定義用于文本輸入的單行輸入字段(默認寬度為20個字符)
<input type="password">
:定義密碼字段
<input type="radio">
:定義單選按鈕,允許用戶在有限數量的選項中選擇一個
<input type="checkbox">
:定義復選框
<input type="submit">
:定義用于向表單處理程序提交表單的按鈕。
<input type="button">
:定義按鈕
<input type="number">
:用于應該包含數字值的輸入字段
<input type="date">
:用于應該包含日期的輸入字段
<input type="color">
:用于應該包含顏色的輸入字段,根據瀏覽器支持,顏色選擇器會出現輸入字段中。
<input type="range">
:用于應該包含一定范圍內的值的輸入字段,根據瀏覽器支持,輸入字段能夠顯示為滑動控件
<input type="month">
:允許用戶選擇月份和年份,根據瀏覽器的支持,日期選擇器會出現在輸入字段中
<input type="week">
:允許用戶選擇周和年,根據瀏覽器支持,日期選擇器會出現輸入字段中。
<input type="time">
:允許用戶選擇時間(無時區),根據瀏覽器支持,時間選擇器會出現輸入字段中。
<input type="datetime">
:允許用戶選擇日期和時間(有時區),根據瀏覽器支持,日期選擇器會出現輸入字段中。
<input type="datetime-local">
:允許用戶選擇日期和時間(無時區),根據瀏覽器支持,日期選擇器會出現輸入字段中。
<input type="email">
:用于應該包含電子郵件地址的輸入字段,根據瀏覽器支持,能夠在被提交時自動對電子郵件地址進行驗證。
<input type="search">
:用于搜索字段(搜索字段的表現類似常規文本字段)。
<input type="tel">
:用于應該包含電話號碼的輸入字段,目前只有Safari 8支持該類型
<input type="url">
:用于應該包含URL地址的輸入字段,根據瀏覽器的支持,在提交時能夠自動驗證url字段。
2.post 和 get 方式的區別?
1、Get是用來從服務器上獲得數據,而Post是用來向服務器上傳遞數據。
2、Get將表單中數據的按照variable=value的形式,添加到action所指向的URL后面,并且兩者使用“?”連接,而各個變量之間使用“&”連接;Post是將表單中的數據放在form的數據體中,按照變量和值相對應的方式,傳遞到action所指向URL。
3、Get是不安全的,因為在傳輸過程,數據被放在請求的URL中,而如今現有的很多服務器、代理服務器或者用戶代理都會將請求URL記錄到日志文件中,然后放在某個地方,這樣就可能會有一些隱私的信息被第三方看到。另外,用戶也可以在瀏覽器上直接看到提交的數據,一些系統內部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的。
4、Get傳輸的數據量小,這主要是因為受URL長度限制;而Post可以傳輸大量的數據,所以在上傳文件只能使用Post(當然還有一個原因,將在后面的提到)。
5、Get限制Form表單的數據集的值必須為ASCII字符;而Post支持整個ISO10646字符集。默認是用ISO-8859-1編碼
6、Get是Form的默認方法。
轉一個{form表單中method的get和post區別}寫的比較好的文章
3.在input里,name 有什么作用? radio 如何 分組?
name
的作用是定義input
的名稱,向后臺服務器傳輸數據時對應value的key值
check
和radio
靠相同的name
值分組
5.placeholder 屬性有什么作用?
placeholder
屬性提供可描述輸入字段預期值的提示信息(hint)。
該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。
注釋:placeholder 屬性適用于以下的 <input> 類型:text, search, url, telephone, email 以及 password。
這是一個范例,轉自菜鳥教程
6.type=hidden隱藏域有什么作用?
暫存信息、安全作用
type
指定為hidden
的標簽,呈現頁面時用戶是看不到的;可以在這個隱藏部分埋入一個服務器端事先知道的值,當服務器端收到表單上傳的數據時,首先驗證這個值是否正確,防止惡意偽造頁面上傳非法數據