JS學(xué)習(xí)筆記1

表格table

? * 使用table標(biāo)簽來創(chuàng)建一個(gè)表格

? ? *在table標(biāo)簽中使用tr來表示表格中的一行套硼,在tr中使用td表示一個(gè)單元格

? ? *使用rowspan來縱向的合并單元格氮发,使用colspan來橫向的合并單元格,在html中還為我們提供了一個(gè)th標(biāo)簽,專門用來表示表頭的單元格

? ? *我們?cè)趧?chuàng)建一個(gè)表格時(shí),如果沒有使用thead tbody tfoot(與元素位置有直接關(guān)系,thead永遠(yuǎn)在表格頂部玻蝌,tfoot在表格底部)這些標(biāo)簽時(shí),瀏覽器會(huì)自動(dòng)在頁(yè)面中添加tbody,并且將所有的tr都放到tbody中灶伊,所以實(shí)際上tr并不是table子元素疆前,而是tbody的子元素(即即使不寫瀏覽器也默認(rèn)存在table>tbody>tr結(jié)構(gòu))

? ? *表格可以嵌套使用(不常用)

表單form

? ? *form中有一個(gè)必須的屬性叫做action,action需要一個(gè)服務(wù)器的地址聘萨,當(dāng)我們提交表單時(shí)竹椒,填寫的內(nèi)容將會(huì)提交到action指向的地址(如果省略 action 屬性,則 action 會(huì)被設(shè)置為當(dāng)前頁(yè)面)

? ? *method 屬性規(guī)定在提交表單時(shí)所用的 HTTP 方法(GETPOST):

? ??????????????使用 GET(默認(rèn)) 時(shí)米辐,表單數(shù)據(jù)在頁(yè)面地址欄中是可見的(數(shù)據(jù)較短且沒有敏感信息時(shí)用)

? ??????????????POST 的安全性更加胸完,因?yàn)樵陧?yè)面地址欄中被提交的數(shù)據(jù)是不可見的

? ? *使用input標(biāo)簽來創(chuàng)建一個(gè)文本框

????????????- 它需要一個(gè)type屬性是text

????????????- 如果希望表單中的內(nèi)容最終發(fā)送到服務(wù)器,還必須要給表單項(xiàng)添加一個(gè)name屬性

該屬性將會(huì)作為用戶填寫內(nèi)容名字翘贮,在服務(wù)器中可以根據(jù)這個(gè)名字來獲取用戶填寫內(nèi)容

- 默認(rèn)情況下赊窥,用戶添加的內(nèi)容將會(huì)以查詢字符串的形式發(fā)送給服務(wù)器,

所謂的查詢字符串就是url地址?后邊的內(nèi)容,查詢字符實(shí)際上就是一個(gè)一個(gè)的名值對(duì)結(jié)構(gòu)狸页,多個(gè)名值對(duì)之間使用&隔開

- username=sunwukong&password=123123

? ? *可以通過value屬性為文本框指定一個(gè)默認(rèn)值

? ? *密碼框也是input锨能,不同的是它type需要使用password(輸入是不會(huì)以明文顯示出來)

? ? *單選按鈕

????????- 使用input來創(chuàng)建一個(gè)單選按鈕

????????- 它的type屬性值是radio

????????- 單選按鈕是通過name屬性來分組的,相同的name屬性值屬于一組

????????- 像這種選擇框不需要用戶填寫內(nèi)容的芍耘,還必須指定一個(gè)value屬性址遇,

????????????這樣選中的元素的value屬性值將會(huì)被提交到服務(wù)器

? ? ? ? ?- 如果希望某個(gè)單選按鈕處在默認(rèn)選中的狀態(tài)可以在標(biāo)簽中添加屬性 checked="checked"

多選框

? *? 使用input來創(chuàng)建一個(gè)多選框,它的type屬性是checkbox

下拉列表

- 使用select來創(chuàng)建一個(gè)下拉列表

- 使用option標(biāo)簽來創(chuàng)建下拉列表中的選項(xiàng)

- 下拉列表的name屬性需要指定給select標(biāo)簽斋竞,value屬性需要指定給option

- 如果希望將option設(shè)置為默認(rèn)選中倔约,則可以在option中添加一個(gè)屬性 selected = "selected"

提交按鈕

- 使用input來創(chuàng)建一個(gè)提交按鈕

- 它的type叫做submit

- 通過value屬性可以設(shè)置提交按鈕上的文字

普通按鈕

如果type設(shè)置為button,那么會(huì)生成一個(gè)普通的按鈕坝初,浸剩,它只有一個(gè)功能就是被點(diǎn)

按鈕button

也可以通過button標(biāo)簽來創(chuàng)建按鈕,使用button創(chuàng)建的按鈕和input創(chuàng)建的按鈕功能一致鳄袍,只不過button標(biāo)簽更加的靈活

<button type="submit">提交按鈕</button>

<button type="reset">重置</button>

<button type="button">單純的按鈕</button>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末绢要,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子拗小,更是在濱河造成了極大的恐慌袖扛,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件十籍,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡唇礁,警方通過查閱死者的電腦和手機(jī)勾栗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盏筐,“玉大人围俘,你說我怎么就攤上這事。” “怎么了界牡?”我有些...
    開封第一講書人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵簿寂,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我宿亡,道長(zhǎng)常遂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任挽荠,我火速辦了婚禮克胳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘圈匆。我一直安慰自己漠另,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開白布跃赚。 她就那樣靜靜地躺著笆搓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪纬傲。 梳的紋絲不亂的頭發(fā)上满败,一...
    開封第一講書人閱讀 51,679評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音嘹锁,去河邊找鬼葫录。 笑死,一個(gè)胖子當(dāng)著我的面吹牛领猾,可吹牛的內(nèi)容都是我干的米同。 我是一名探鬼主播,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼摔竿,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼面粮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起继低,我...
    開封第一講書人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤熬苍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后袁翁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體柴底,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年粱胜,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了柄驻。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡焙压,死狀恐怖鸿脓,靈堂內(nèi)的尸體忽然破棺而出抑钟,到底是詐尸還是另有隱情,我是刑警寧澤野哭,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布在塔,位于F島的核電站,受9級(jí)特大地震影響拨黔,放射性物質(zhì)發(fā)生泄漏蛔溃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一蓉驹、第九天 我趴在偏房一處隱蔽的房頂上張望城榛。 院中可真熱鬧,春花似錦态兴、人聲如沸狠持。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)喘垂。三九已至,卻和暖如春绍撞,著一層夾襖步出監(jiān)牢的瞬間正勒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來泰國(guó)打工傻铣, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留章贞,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓非洲,卻偏偏與公主長(zhǎng)得像鸭限,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子两踏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

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