Form表單

1.form表單有什么作用软舌?有哪些常用的input 標(biāo)簽,分別有什么作用牛曹?

作用:用于收集用戶輸入的數(shù)據(jù)信息提交到后臺(tái)
常用的input標(biāo)簽:
- 姓名
<input type="text" name="username" placeholder="請(qǐng)輸入您的姓名">
- 密碼:  
<input type="password" name="password">
- 單選:
<label><input type="radio" name="hobby" value=''旅游">旅游</label>
- 多選:
<label><input type="checkebox" name="eat" value=''糖葫蘆">糖葫蘆</label>
- 下拉:
<select>
    <option value="糖葫蘆">糖葫蘆</option>
    <option value="周黑鴨">周黑鴨</option>
</select>
- 輸入多行字段:
<textarea  rows="10" cols="30">內(nèi)容在這里</textarea>
- email:
<input type="email" name="email">
- 滑塊:
<input type="range" name="points" min="0" max="10">

2.post 和 get 方式的區(qū)別佛点?

GET和POST是什么?HTTP協(xié)議中的兩種發(fā)送請(qǐng)求的方法
  • GET - 從指定的資源請(qǐng)求數(shù)據(jù)
  • POST - 向指定的資源提交要被處理的數(shù)據(jù)
get:
  • GET 請(qǐng)求可被緩存
  • GET 請(qǐng)求保留在瀏覽器歷史記錄中
  • GET 請(qǐng)求可被收藏為書簽
  • GET 請(qǐng)求不應(yīng)在處理敏感數(shù)據(jù)時(shí)使用
  • GET 請(qǐng)求有長(zhǎng)度限制
  • GET 請(qǐng)求只應(yīng)當(dāng)用于取回?cái)?shù)據(jù)
post:
  • POST 請(qǐng)求不會(huì)被緩存
  • POST 請(qǐng)求不會(huì)保留在瀏覽器歷史記錄中
  • POST 不能被收藏為書簽
  • POST 請(qǐng)求對(duì)數(shù)據(jù)長(zhǎng)度沒有要求
image.png

image.png

3.在input里黎比,name 有什么作用超营?

  • 表示該表單項(xiàng)的名稱,用于跟其他表單項(xiàng)區(qū)別開來阅虫。在提交數(shù)據(jù)時(shí)name的值也會(huì)一并提交以區(qū)分?jǐn)?shù)據(jù)種類演闭,控件的名稱,與表單數(shù)據(jù)一起提交

4.radio 如何 分組?

  • 相同的name名則為一組颓帝;
<  <div class="hobby">
        <label for="">愛好</label>
        <input type="radio" name="hobby" value="看書">看書
        <input type="radio" name="hobby" value="爬山" checked/>爬山
        <input type="radio" name="hobby" value="旅游">旅游
        <input type="radio" name="travl" value="麗江">麗江
        <input type="radio" name="travl" value="四川">四川
        <input type="radio" name="travl" value="恩施">恩施
    </div>   >  

5.placeholder 屬性有什么作用?

  • 用于提示用戶輸入框的作用米碰,用于提示的占位符文本不能包含回車或換行
<input type="text" name="username" placeholder="請(qǐng)輸入您的姓名">
image.png

6.type=hidden隱藏域有什么作用? 舉例說明

隱藏域是用來收集或發(fā)送信息的不可見元素,對(duì)于網(wǎng)頁的訪問者來說购城,隱藏域是看不見的吕座。當(dāng)表單被提交時(shí),隱藏域就會(huì)將信息用你設(shè)置時(shí)定義的名稱和值發(fā)送到服務(wù)器

<代碼格式>
<input type="hidden" value="..." name="...">

屬性解釋: 
- type=”hidden”定義隱藏域瘪板; 
- name屬性定義隱藏域的名稱吴趴,要保證數(shù)據(jù)的準(zhǔn)確采集,必須定義一個(gè)獨(dú)一無二的名稱侮攀; 
- value屬性定義隱藏域的值 
例如:<input type=”hidden” name=”ExPws” value=”dd”>
  • 1.隱藏域在頁面中對(duì)于用戶是不可見的锣枝,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用兰英。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候撇叁,隱藏域的信息也被一起發(fā)送到服務(wù)器。

  • 2.有些時(shí)候我們要給用戶一信息箭昵,讓他在提交表單時(shí)提交上來以確定用戶身份税朴,如sessionkey,等等.當(dāng)然這些東西也能用cookie實(shí)現(xiàn)家制,但使用隱藏域就簡(jiǎn)單的多了.而且不會(huì)有瀏覽器不支持正林,用戶禁用cookie的煩惱。

  • 3.有些時(shí)候一個(gè)form里有多個(gè)提交按鈕颤殴,怎樣使程序能夠分清楚到底用戶是按那一個(gè)按鈕提交上來的呢觅廓?我們就可以寫一個(gè)隱藏域,然后在每一個(gè)按鈕處加上onclick=”document.form.command.value=”xx”“然后我們接到數(shù)據(jù)后先檢查command的值就會(huì)知道用戶是按的那個(gè)按鈕提交上來的涵但。

  • 4.有時(shí)候一個(gè)網(wǎng)頁中有多個(gè)form杈绸,我們知道多個(gè)form是不能同時(shí)提交的帖蔓,但有時(shí)這些form確實(shí)相互作用,我們就可以在form中添加隱藏域來使它們聯(lián)系起來瞳脓。

  • 5.JavaScript不支持全局變量塑娇,但有時(shí)我們必須用全局變量,我們就可以把值先存在隱藏域里劫侧,它的值就不會(huì)丟失了埋酬。

  • 6.比如按一個(gè)按鈕彈出四個(gè)小窗口,當(dāng)點(diǎn)擊其中的一個(gè)小窗口時(shí)其他三個(gè)自動(dòng)關(guān)閉.可是IE不支持小窗口相互調(diào)用烧栋,所以只有在父窗口寫個(gè)隱藏域写妥,當(dāng)小窗口看到那個(gè)隱藏域的值是close時(shí)就自己關(guān)掉。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末审姓,一起剝皮案震驚了整個(gè)濱河市珍特,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌魔吐,老刑警劉巖扎筒,帶你破解...
    沈念sama閱讀 221,695評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異画畅,居然都是意外死亡砸琅,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門轴踱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來症脂,“玉大人,你說我怎么就攤上這事淫僻∮张瘢” “怎么了?”我有些...
    開封第一講書人閱讀 168,130評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵雳灵,是天一觀的道長(zhǎng)棕所。 經(jīng)常有香客問我,道長(zhǎng)悯辙,這世上最難降的妖魔是什么琳省? 我笑而不...
    開封第一講書人閱讀 59,648評(píng)論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮躲撰,結(jié)果婚禮上针贬,老公的妹妹穿的比我還像新娘。我一直安慰自己拢蛋,他們只是感情好桦他,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著谆棱,像睡著了一般快压。 火紅的嫁衣襯著肌膚如雪圆仔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,268評(píng)論 1 309
  • 那天蔫劣,我揣著相機(jī)與錄音坪郭,去河邊找鬼。 笑死脉幢,一個(gè)胖子當(dāng)著我的面吹牛截粗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播鸵隧,決...
    沈念sama閱讀 40,835評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼意推!你這毒婦竟也來了豆瘫?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,740評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤菊值,失蹤者是張志新(化名)和其女友劉穎外驱,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體腻窒,經(jīng)...
    沈念sama閱讀 46,286評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡昵宇,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了儿子。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓦哎。...
    茶點(diǎn)故事閱讀 40,505評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖柔逼,靈堂內(nèi)的尸體忽然破棺而出蒋譬,到底是詐尸還是另有隱情,我是刑警寧澤愉适,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布犯助,位于F島的核電站,受9級(jí)特大地震影響维咸,放射性物質(zhì)發(fā)生泄漏剂买。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評(píng)論 3 333
  • 文/蒙蒙 一癌蓖、第九天 我趴在偏房一處隱蔽的房頂上張望瞬哼。 院中可真熱鬧,春花似錦费坊、人聲如沸倒槐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽讨越。三九已至两残,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間把跨,已是汗流浹背人弓。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留着逐,地道東北人崔赌。 一個(gè)月前我還...
    沈念sama閱讀 48,921評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像耸别,于是被迫代替她去往敵國和親健芭。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評(píng)論 2 359

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

  • 主要內(nèi)容: form表單的作用及常用的input 標(biāo)簽介紹秀姐,GET和 POST的區(qū)別慈迈。 form表單的作用及常用的...
    苦瓜_6閱讀 702評(píng)論 0 1
  • 一、Form表單有什么作用?有哪些常見的input標(biāo)簽,分別有什么作用刽脖? Form表單作用:簡(jiǎn)單理解就像在考試卷上...
    青鳴閱讀 371評(píng)論 0 0
  • 1. form表單有什么作用烁焙?有哪些常用的input 標(biāo)簽,分別有什么作用? form表單: 標(biāo)簽用于為用戶輸入創(chuàng)...
    Volcaner閱讀 843評(píng)論 0 0
  • form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用恤磷? 標(biāo)簽用于為用戶創(chuàng)建HTML表單,并向服務(wù)器...
    zx9426閱讀 599評(píng)論 0 1
  • 最近我在聚會(huì)時(shí)聽到了一個(gè)很搞笑的事情。 小A最近談了個(gè)對(duì)象速缨,認(rèn)識(shí)了一段時(shí)間后锌妻,你儂我儂,水到渠成旬牲,共赴愛的如家仿粹。 ...
    奧斯特窩頭斯基閱讀 1,788評(píng)論 -1 5