HTML筆記--表單標(biāo)簽

HTML筆記--表單標(biāo)簽

標(biāo)簽(空格分隔): HTML


表單標(biāo)簽(****最重要的一個(gè)標(biāo)簽*****)

  • 可以用來實(shí)現(xiàn)登錄頁面
  • 標(biāo)簽形式:<form></form>定義一個(gè)表單,所有的表單的內(nèi)容定義在這兩個(gè)標(biāo)簽內(nèi)部哈蝇;
    • 屬性:提交地址 action = "提交的地址"
    • 提交方式:method="get/post"
    • 兩種提交方式的區(qū)別:(面試題)
      • get請(qǐng)求地址欄會(huì)攜帶提交的數(shù)據(jù)棺妓,post的不會(huì)攜帶;
      • get的安全級(jí)別較低炮赦,post較高
      • get請(qǐng)求有數(shù)據(jù)大小的限制怜跑,post沒有限制
    • enctype:一般請(qǐng)求不需要這個(gè)屬性,但是在文件上傳到哦時(shí)候會(huì)需要這個(gè)屬性。
  • 輸入項(xiàng):
    • 大部分輸入項(xiàng)可以使用<input type = "輸入項(xiàng)類型"/> 來制定性芬;
    • 普通輸入項(xiàng):如用戶名峡眶;<input type = "text"/>
      • 代碼:<form><input type = "text"/> </form>
    • 密碼輸入項(xiàng):<input type="password"/> 效果是不顯示在頁面上而顯示黑點(diǎn);
    • 單選輸入項(xiàng):<input type="radio"/>
      • 必須在定義的時(shí)候 添加name屬性 如果有多個(gè)選項(xiàng)植锉,那么name的屬性值必須一樣否則會(huì)成為多選辫樱;
      • 還必須指定value屬性,否則在提交(get/post)表單時(shí)該項(xiàng)內(nèi)容無法被正確提交俊庇。
      • 代碼<input type="password" name="sex" value="wm"/>女
        <input type="password" name="sex" value="m"/>男
      • 實(shí)現(xiàn)默認(rèn)選中:checked="checked"屬性
    • 多選輸入框:
      • 同遵循單選框的name和value規(guī)則
      • 實(shí)現(xiàn)默認(rèn)選中:checked="checked"屬性
      • 代碼:<input type="checkbox" name="love" value="ym"/>羽毛球``<input type="password" name="love" value="pp"/>羽毛球
    • 文件輸入項(xiàng):<input type="file">
      • 該屬性在后面將會(huì)仔細(xì)講到
    • 下拉輸入項(xiàng):(不是在input標(biāo)簽內(nèi))
      • <select><option></option></select>
      • select表示一個(gè)下拉輸入框:必須指定一個(gè)name屬性如<select name="birth">
      • option表示一個(gè)選項(xiàng):他必須指定一個(gè)value的屬性如:<option value="1991">1991</option>
      • 默認(rèn)選中:selected="selected"默認(rèn)選中
    • 文本域輸入項(xiàng):如添加一個(gè)自我描述的輸入框:
      • 例子<textarea cols="列數(shù)" rows="行數(shù)"></textarea>
    • 隱藏項(xiàng):存在于代碼卻不顯示在界面
      -<input type="hidden"/>
    • 提交按鈕:
      • `<input type=" submit" value="按鈕上的文字"/>
      • 提交方式和地址狮暑;這兩個(gè)屬性需要在form標(biāo)簽中作為屬性設(shè)置;
    • 使用圖片提交:
      • <input type="image" src="圖片地址">
    • 重置按鈕:
      -回到初始狀態(tài) <input type="reset" vlaue="顯示文字"/>
    • 普通按鈕:
      • <input type="button" vlaue="顯示文字">
      • 一般配合js作為監(jiān)聽使用
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末辉饱,一起剝皮案震驚了整個(gè)濱河市搬男,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌彭沼,老刑警劉巖缔逛,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異姓惑,居然都是意外死亡褐奴,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門于毙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來歉糜,“玉大人,你說我怎么就攤上這事望众》瞬梗” “怎么了?”我有些...
    開封第一講書人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵烂翰,是天一觀的道長夯缺。 經(jīng)常有香客問我,道長甘耿,這世上最難降的妖魔是什么踊兜? 我笑而不...
    開封第一講書人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮佳恬,結(jié)果婚禮上捏境,老公的妹妹穿的比我還像新娘。我一直安慰自己毁葱,他們只是感情好垫言,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著倾剿,像睡著了一般筷频。 火紅的嫁衣襯著肌膚如雪蚌成。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評(píng)論 1 305
  • 那天凛捏,我揣著相機(jī)與錄音担忧,去河邊找鬼。 笑死坯癣,一個(gè)胖子當(dāng)著我的面吹牛瓶盛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播示罗,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼惩猫,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了鹉勒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤吵取,失蹤者是張志新(化名)和其女友劉穎禽额,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體皮官,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡脯倒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了捺氢。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片藻丢。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖摄乒,靈堂內(nèi)的尸體忽然破棺而出悠反,到底是詐尸還是另有隱情,我是刑警寧澤馍佑,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布斋否,位于F島的核電站,受9級(jí)特大地震影響拭荤,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一唉匾、第九天 我趴在偏房一處隱蔽的房頂上張望苇瓣。 院中可真熱鬧,春花似錦雏亚、人聲如沸缨硝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽追葡。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間宜肉,已是汗流浹背匀钧。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谬返,地道東北人之斯。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像遣铝,于是被迫代替她去往敵國和親佑刷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理酿炸,服務(wù)發(fā)現(xiàn)瘫絮,斷路器,智...
    卡卡羅2017閱讀 134,657評(píng)論 18 139
  • HTML標(biāo)簽解釋大全 一填硕、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,243評(píng)論 1 41
  • 一.什么是< form>表單 格式: 作用:form表單一般用來收集用戶的信息麦萤,并把信息傳送到后臺(tái)。 注意點(diǎn):1....
    饑人谷_劉沖閱讀 2,717評(píng)論 0 1
  • 這世界太坦白閱讀 146評(píng)論 0 0
  • 第十一章:紫霄宮斗武逞狂 自凈月庵一別,易郁生和金波兒偕同穆橙星夜兼程趕往武當(dāng)姻檀。一路之上命满,雖然風(fēng)景秀麗,山河壯美绣版,...
    易郁生閱讀 339評(píng)論 0 0