form表單有什么作用惭笑?有哪些常用的input 標簽,分別有什么作用夜郁?
form表單用來進行表單數(shù)據(jù)提交
常用input標簽 | 作用 |
---|---|
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標簽 | 作用 |
---|---|
常用input標簽 | 作用 |
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 機制赵颅,將表單內(nèi)各字段名稱與其內(nèi)容放置在 HTML 表頭(header)內(nèi)一起傳送給服務(wù)器端交由 action 屬性能所指的程序處理虽另,該程序會通過標準輸入(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ù)進行惡意攻擊
除非你肯定你提交的數(shù)據(jù)可以一次性提交列肢,否則請盡量用 Post 方法
提示
通過get方法提交數(shù)據(jù)恰画,可能會帶來安全性的問題。比如一個登陸頁面瓷马。當通過get方法提交數(shù)據(jù)時拴还,用戶名和密碼將出現(xiàn)在URL上。如果:
1欧聘、登陸頁面可以被瀏覽器緩存片林;
2、其他人可以訪問客戶的這臺機器怀骤。
那么拇厢,別人即可以從瀏覽器的歷史記錄中,讀取到此客戶的賬號和密碼晒喷。所以,在某些情況下访敌,get方法會帶來嚴重的安全性問題凉敲。
建議
在Form中,建議使用post方法寺旺。
在input里爷抓,name 有什么作用?
name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識阻塑,或者在客戶端通過 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" /> `定義隱藏字段迈窟。
隱藏字段對于用戶是不可見的。隱藏字段通常會存儲一個默認值忌栅,它們的值也可以由 JavaScript 進行修改车酣。
例子:
用來檢測用戶身份是否合法
<input type="hidden" name="KeyID" value="DGEX655023970" />
后臺接收數(shù)據(jù)時,會得到KeyID:DGEX655023970
如果正確索绪,則可進行處理湖员;如果錯誤,則忽略。