form表單

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值
checkradio靠相同的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ù)

轉(zhuǎn)http://www.reibang.com/p/268c6c6ed526
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市咒精,隨后出現(xiàn)的幾起案子镶柱,更是在濱河造成了極大的恐慌,老刑警劉巖模叙,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件歇拆,死亡現(xiàn)場離奇詭異,居然都是意外死亡范咨,警方通過查閱死者的電腦和手機故觅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渠啊,“玉大人输吏,你說我怎么就攤上這事√骝龋” “怎么了评也?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長灭返。 經(jīng)常有香客問我,道長坤邪,這世上最難降的妖魔是什么熙含? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮艇纺,結(jié)果婚禮上怎静,老公的妹妹穿的比我還像新娘邮弹。我一直安慰自己,他們只是感情好蚓聘,可當(dāng)我...
    茶點故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布腌乡。 她就那樣靜靜地躺著,像睡著了一般夜牡。 火紅的嫁衣襯著肌膚如雪与纽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天塘装,我揣著相機與錄音急迂,去河邊找鬼。 笑死蹦肴,一個胖子當(dāng)著我的面吹牛僚碎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播阴幌,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼勺阐,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了矛双?” 一聲冷哼從身側(cè)響起渊抽,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎背零,沒想到半個月后腰吟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡徙瓶,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年毛雇,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片侦镇。...
    茶點故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡灵疮,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出壳繁,到底是詐尸還是另有隱情震捣,我是刑警寧澤,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布闹炉,位于F島的核電站蒿赢,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏渣触。R本人自食惡果不足惜羡棵,卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望嗅钻。 院中可真熱鬧皂冰,春花似錦店展、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至舶胀,卻和暖如春概说,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背峻贮。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工席怪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人纤控。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓挂捻,卻偏偏與公主長得像,于是被迫代替她去往敵國和親船万。 傳聞我的和親對象是個殘疾皇子刻撒,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,500評論 2 359

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

  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標簽和結(jié)...
    _Dot912閱讀 2,025評論 2 8
  • 1.form表單有什么作用?有哪些常用的input 標簽耿导,分別有什么作用声怔? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 884評論 0 1
  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來表示的舱呻,但是在jav...
    linfree閱讀 2,171評論 3 17
  • 1.form標簽簡介 網(wǎng)站怎樣與用戶進行交互醋火?答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數(shù)據(jù)傳送...
    饑人谷_小侯閱讀 369評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理箱吕,服務(wù)發(fā)現(xiàn)芥驳,斷路器,智...
    卡卡羅2017閱讀 134,696評論 18 139