Form表單

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 如果正確索绪,則可進行處理湖员;如果錯誤,則忽略。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瑞驱,一起剝皮案震驚了整個濱河市娘摔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌钱烟,老刑警劉巖晰筛,帶你破解...
    沈念sama閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異拴袭,居然都是意外死亡读第,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進店門拥刻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來怜瞒,“玉大人,你說我怎么就攤上這事般哼∥馔簦” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵蒸眠,是天一觀的道長漾橙。 經(jīng)常有香客問我,道長楞卡,這世上最難降的妖魔是什么霜运? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮蒋腮,結(jié)果婚禮上淘捡,老公的妹妹穿的比我還像新娘。我一直安慰自己池摧,他們只是感情好焦除,可當我...
    茶點故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著作彤,像睡著了一般膘魄。 火紅的嫁衣襯著肌膚如雪乌逐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天瓣距,我揣著相機與錄音黔帕,去河邊找鬼。 笑死蹈丸,一個胖子當著我的面吹牛成黄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播逻杖,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼奋岁,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了荸百?” 一聲冷哼從身側(cè)響起闻伶,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎够话,沒想到半個月后蓝翰,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡女嘲,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年畜份,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片欣尼。...
    茶點故事閱讀 39,745評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡爆雹,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出愕鼓,到底是詐尸還是另有隱情钙态,我是刑警寧澤,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布菇晃,位于F島的核電站册倒,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏磺送。R本人自食惡果不足惜剩失,卻給世界環(huán)境...
    茶點故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望册着。 院中可真熱鬧,春花似錦脾歧、人聲如沸甲捏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽司顿。三九已至芒粹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間大溜,已是汗流浹背化漆。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留钦奋,地道東北人座云。 一個月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像付材,于是被迫代替她去往敵國和親朦拖。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,652評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中厌衔,表單是由form元素來表示的璧帝,但是在jav...
    linfree閱讀 2,155評論 3 17
  • 1.form表單有什么作用?有哪些常用的input 標簽富寿,分別有什么作用睬隶? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 881評論 0 1
  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標簽和結(jié)...
    _Dot912閱讀 2,020評論 2 8
  • form表單有什么作用?有哪些常用的input 標簽页徐,分別有什么作用苏潜? 標簽用于為用戶創(chuàng)建HTML表單,并向服務(wù)器...
    zx9426閱讀 598評論 0 1
  • 此時此刻 在時間的流 跳脫開去 就是自由 總有一天 真的跳脫 你去了 我也會去
    TheRainbowMe閱讀 96評論 0 0