form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
form表單用來進(jìn)行表單數(shù)據(jù)提交
| 常用input標(biāo)簽 | 作用 |
|---|---|
type="text" |
文本框,輸入單行文本 |
type="password" |
密碼框,輸入密碼信息,所有輸入的信息會隱藏顯示 |
type="button" |
普通按鈕,一般用來完成javascript功能的 |
type="submit" |
表單提交按鈕,點此按鈕提交表單 |
type="reset" |
表單重置按鈕,返回初始表單中的數(shù)據(jù) |
type="radio" |
單選按鈕 |
type="checkbox" |
多選按鈕 |
type="hidden" |
隱藏域,將一個值隱藏傳遞 |
type="image" |
功能和submit提交按鈕相同,但可以顯示圖片 |
<textarea></textarea> |
文本域,輸入多行文本 |
<select> |
下拉列表,需要結(jié)合option一起使用 |
<option> |
為<select>設(shè)置選項 |
html5的input類型
| 常用input標(biāo)簽 | 作用 |
|---|---|
| 常用input標(biāo)簽 | 作用 |
post 和 get 方式的區(qū)別?
post:所有提交的參數(shù)都會隱藏,沒有參數(shù)的大小限制
get:所有提交參數(shù)都會在地址欄顯示,參數(shù)總量最大4-5K
1、Get方法通過URL請求來傳遞用戶的數(shù)據(jù),將表單內(nèi)各字段名稱與其內(nèi)容,以成對的字符串連接,置于 action 屬性所指程序的 url后,如http://www.baidu.com/test.asp?name=asd&password=sad數(shù)據(jù)都會 直接顯示在 url上,就像用戶點擊一個鏈接一樣;
Post 方法通過 HTTP post 機(jī)制,將表單內(nèi)各字段名稱與其內(nèi)容放置在 HTML 表頭(header)內(nèi)一起傳送給服務(wù)器端交由 action 屬性能所指的程序處理,該程序會通過標(biāo)準(zhǔn)輸入(stdin)方式,將表單的數(shù)據(jù)讀出并加以處理
2、 Get 方式需要使用 Request.QueryString 來取得變量的值;
Post 方式通過 Request.Form 來訪問提交的內(nèi)容
3、Get方式傳輸?shù)臄?shù)據(jù)量非常小,一般限制在2KB以內(nèi),但是執(zhí)行效率卻比 Post 方法好;
Post方式傳遞的數(shù)據(jù)量相對較大,它是等待服務(wù)器來讀取數(shù)據(jù),不過也有字節(jié)限制,這是為了避免對服務(wù)器用大量數(shù)據(jù)進(jìn)行惡意攻擊
除非你肯定你提交的數(shù)據(jù)可以一次性提交,否則請盡量用 Post 方法
提示
通過get方法提交數(shù)據(jù),可能會帶來安全性的問題。比如一個登陸頁面。當(dāng)通過get方法提交數(shù)據(jù)時,用戶名和密碼將出現(xiàn)在URL上。如果:
1、登陸頁面可以被瀏覽器緩存;
2、其他人可以訪問客戶的這臺機(jī)器。
那么,別人即可以從瀏覽器的歷史記錄中,讀取到此客戶的賬號和密碼。所以,在某些情況下,get方法會帶來嚴(yán)重的安全性問題。
建議
在Form中,建議使用post方法。
在input里,name 有什么作用?
name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
注釋:只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
radio 如何 分組?
一個分組,使用一個name值
分成多組radio,就必須name不同
placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息(hint)。
該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。
注釋:placeholder 屬性適用于以下的 <input> 類型:text, search, url, telephone, email 以及 password。


type=hidden隱藏域有什么作用? 舉例說明
`<input type="hidden" /> `定義隱藏字段。
隱藏字段對于用戶是不可見的。隱藏字段通常會存儲一個默認(rèn)值,它們的值也可以由 JavaScript 進(jìn)行修改。
例子:
用來檢測用戶身份是否合法
<input type="hidden" name="KeyID" value="DGEX655023970" />
后臺接收數(shù)據(jù)時,會得到KeyID:DGEX655023970 如果正確,則可進(jìn)行處理;如果錯誤,則忽略。