課時(shí)46.label標(biāo)簽（掌握）

nevermind 發(fā)布于2019-04-23 13:38 / 1150人閱讀

摘要：我們點(diǎn)擊注冊(cè)頁(yè)面，發(fā)現(xiàn)了一個(gè)問(wèn)題，當(dāng)我們點(diǎn)擊密碼兩個(gè)字的時(shí)候，輸入框聚焦了，而點(diǎn)擊確認(rèn)密碼的時(shí)候，輸入框也聚焦了，而我們上節(jié)課做的頁(yè)面，這么點(diǎn)擊，并不聚焦默認(rèn)情況下文字和輸入框是沒(méi)有關(guān)聯(lián)關(guān)系的也就是說(shuō)點(diǎn)擊文字輸入框是不會(huì)聚焦，如果想點(diǎn)擊文字

我們點(diǎn)擊QQ注冊(cè)頁(yè)面，發(fā)現(xiàn)了一個(gè)問(wèn)題，當(dāng)我們點(diǎn)擊密碼兩個(gè)字的時(shí)候，輸入框聚焦了，而點(diǎn)擊確認(rèn)密碼的時(shí)候，輸入框也聚焦了，而我們上節(jié)課做的頁(yè)面，這么點(diǎn)擊，并不聚焦

1.默認(rèn)情況下文字和輸入框是沒(méi)有關(guān)聯(lián)關(guān)系的

也就是說(shuō)點(diǎn)擊文字輸入框是不會(huì)聚焦，如果想點(diǎn)擊文字時(shí)讓對(duì)應(yīng)輸入框聚焦，那么就需要讓給你文字和輸入框綁定

2.要想讓輸入框和文字綁定在一起，那么我們可以使用label標(biāo)簽

3.綁定格式：

3.1將文字利用label標(biāo)簽包裹起來(lái)

3.2給輸入框添加一個(gè)id屬性

3.3在label標(biāo)簽中通過(guò)for屬性和輸入框的id進(jìn)行綁定即可

還有另外一個(gè)簡(jiǎn)單的方法可以實(shí)現(xiàn)：

將賬號(hào)這一整個(gè)輸入框包裹起來(lái)，但是這種方法有局限性

? ? ? ? ??

如果我們想做一個(gè)點(diǎn)擊“賬號(hào)”聚焦在“密碼”輸入框上，點(diǎn)擊“密碼”聚焦在“賬號(hào)”輸入框上

GPU云服務(wù)器云服務(wù)器課時(shí) 掌握程度掌握php 掌握大數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/2154.html

相關(guān)文章

課時(shí)57.HTML被廢棄的標(biāo)簽（掌握）

摘要：為什么中有一部分標(biāo)簽會(huì)被廢棄因?yàn)楫?dāng)前中的標(biāo)簽只有一個(gè)作用，就是用來(lái)添加語(yǔ)義，而早期的標(biāo)簽中有一部分標(biāo)簽是沒(méi)有語(yǔ)義的有一部分標(biāo)簽是用來(lái)修改樣式的所以這部分標(biāo)簽就被淘汰了沒(méi)有任何的語(yǔ)義，都是用來(lái)修改樣式的以后在企業(yè)開(kāi)發(fā)中，不到萬(wàn)不得已一定不要使1.為什么HTML中有一部分標(biāo)簽會(huì)被廢棄？因?yàn)楫?dāng)前HTML中的標(biāo)簽只有一個(gè)作用，就是用來(lái)添加語(yǔ)義，而早期的HTML標(biāo)簽中有一部分標(biāo)簽是沒(méi)有語(yǔ)義的　　有...

TIGERB 2019-04-23 13:38 評(píng)論0 收藏0
課時(shí)18.h標(biāo)簽和p標(biāo)簽以及hr標(biāo)簽（掌握）

摘要：如何在中利用快捷鍵創(chuàng)建一個(gè)新的的文件同時(shí)按下鍵盤上的同時(shí)按下鍵盤上的標(biāo)簽系列作用用于給文本添加標(biāo)題語(yǔ)義格式注意點(diǎn)標(biāo)簽是用來(lái)給文本添加標(biāo)簽題語(yǔ)義的，而不是用來(lái)修改文本的樣式的標(biāo)簽一共有個(gè)，從，最多只能到，超過(guò)則無(wú)效可以利用每一個(gè)標(biāo)簽都獨(dú)占一行如何在webstorm中利用快捷鍵創(chuàng)建一個(gè)新的html的文件？同時(shí)按下鍵盤上的ctrl+alt+insert（windows）同時(shí)按下鍵盤上的ct...

Allen 2019-04-23 13:39 評(píng)論0 收藏0
課時(shí)53.video標(biāo)簽（掌握）

摘要：這節(jié)課來(lái)學(xué)習(xí)一下中新增的標(biāo)簽，我們先來(lái)看一下，中新增了哪些標(biāo)簽打開(kāi)的網(wǎng)頁(yè)，點(diǎn)擊參考手冊(cè)中的標(biāo)簽，有一個(gè)按字母順序排列的標(biāo)簽，但凡標(biāo)簽后面帶有標(biāo)記的，都是新增的標(biāo)簽。這節(jié)課來(lái)學(xué)習(xí)一下html5中新增的標(biāo)簽，我們先來(lái)看一下，html5中新增了哪些標(biāo)簽？打開(kāi)W3school的網(wǎng)頁(yè)，點(diǎn)擊參考手冊(cè)中的HTML/HTML5標(biāo)簽，有一個(gè)按字母順序排列的標(biāo)簽，但凡標(biāo)簽后面帶有5標(biāo)記的，都是html5新增的...

frontoldman 2019-04-23 13:38 評(píng)論0 收藏0
課時(shí)11.HTML基本機(jī)構(gòu)詳解（掌握）

通過(guò)觀察我們發(fā)現(xiàn)，HTML基本結(jié)構(gòu)中所有標(biāo)簽都是成對(duì)出現(xiàn)的。這些成對(duì)出現(xiàn)的標(biāo)簽中有一個(gè)帶/有一個(gè)不帶/，那么這些不帶/的標(biāo)簽我們稱之為開(kāi)始標(biāo)簽，這些帶/的標(biāo)簽，我們稱之為結(jié)束標(biāo)簽。 html標(biāo)簽作用：用于告訴瀏覽器這是一個(gè)網(wǎng)頁(yè)，也就是說(shuō)告訴瀏覽器這是一個(gè)HTML文檔注意點(diǎn)：其它所有的標(biāo)簽都必須寫在html標(biāo)簽里面，也就是寫在html開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽中間 head標(biāo)簽作用：用于...

lavnFan 2019-04-23 13:37 評(píng)論0 收藏0
課時(shí)90.div和span（掌握）

摘要：和都可以把信息獨(dú)立稱一個(gè)小小都區(qū)域。有的人在這里用，這里不推薦，因?yàn)槭怯糜诤捅韱卧剡M(jìn)行綁定的，它和表單元素搭配使用的。和有什么區(qū)別會(huì)單獨(dú)的占一行，而不會(huì)單獨(dú)占一行。是一個(gè)容器級(jí)別的標(biāo)簽，而是一個(gè)文本級(jí)別的標(biāo)簽。為什么在這里講解div和span呢，而不在html中講解呢？因?yàn)樵谖覀兊拈_(kāi)發(fā)中div和span一般是配合css來(lái)使用的，來(lái)完成一定的效果，來(lái)設(shè)置一些屬性，在前面我們沒(méi)有學(xué)習(xí)css，...

Yuqi 2019-04-23 13:36 評(píng)論0 收藏0