摘要:就是說,當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。標(biāo)簽常用于與或關(guān)聯(lián),以實(shí)現(xiàn)點(diǎn)擊文字也能選中取消或。需要注意的是,屬性的值必須是與標(biāo)簽在同一文檔中的可標(biāo)記表單元素的,注意是而不是。
label標(biāo)簽和特定表單控件關(guān)聯(lián)之后,如果用戶在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)關(guān)聯(lián)的表單控件。就是說,當(dāng)用戶選擇該label標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和label標(biāo)簽相關(guān)的表單控件上。
label標(biāo)簽常用于與checkbox或radio關(guān)聯(lián),以實(shí)現(xiàn)點(diǎn)擊文字也能選中/取消checkbox或radio。
label標(biāo)簽的關(guān)聯(lián)方式主要有兩種,顯示關(guān)聯(lián)和隱式關(guān)聯(lián):
顯示關(guān)聯(lián):
顯式關(guān)聯(lián)是通過label標(biāo)簽的for屬性,顯式與另一個(gè)表單控件關(guān)聯(lián)。需要注意的是,for屬性的值必須是與label標(biāo)簽在同一文檔中的可標(biāo)記表單元素的id,注意是id而不是name。如:
"checkbox" id="test"/>
隱式關(guān)聯(lián):
隱式關(guān)聯(lián)是直接將表單控件放到label標(biāo)簽內(nèi),這種情況下,label標(biāo)簽只能包含一個(gè)表單元素,包含多個(gè)只對第一個(gè)有效。如下:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1678.html
摘要:主要總結(jié)標(biāo)簽語義化方面的內(nèi)容。的標(biāo)簽都是有語義的。為什么要使用語義化標(biāo)簽由于很強(qiáng)大,無論有沒有按照語義選擇標(biāo)簽,都可以實(shí)現(xiàn)需要的設(shè)計(jì)。如何確定你的標(biāo)簽是否語義良好去掉樣式,看網(wǎng)頁結(jié)構(gòu)是否組織良好有序,是否仍然有良好的可讀性。 主要總結(jié)標(biāo)簽語義化方面的內(nèi)容。 HTML的標(biāo)簽都是有語義的。 下面列出一些常見的標(biāo)簽及其語義: showImg(https://segmentfault.co...
摘要:什么是其實(shí)是的縮寫,超文本標(biāo)記語言如何重命名文件點(diǎn)擊右鍵重命名點(diǎn)擊首先利用記事本保存了一個(gè)標(biāo)題和兩段描述,然后修改純文本文件的擴(kuò)展名為然后再利用瀏覽器打開打開之后發(fā)現(xiàn)顯示的格式不對,不對的原因是在純文本文件中所有文字都是同級別的,瀏覽器不知什么是HTML? HTML其實(shí)是HyperText Markup Language的縮寫,超文本標(biāo)記語言 如何重命名文件? 點(diǎn)擊右鍵重命名 點(diǎn)擊F2 ...
摘要:我認(rèn)為應(yīng)該彈窗的。我這樣的假設(shè)是什么觀察結(jié)果現(xiàn)象點(diǎn)擊頁面上的標(biāo)簽承載的數(shù)據(jù)時(shí),并沒有執(zhí)行函數(shù)。研究原先假設(shè)瀏覽器界面的更改,必定導(dǎo)致虛擬重新建立,必然導(dǎo)致更新,更新,就會(huì)更新。 此文章,緣起,點(diǎn)擊路由標(biāo)簽時(shí),發(fā)現(xiàn)在渲染之前的組件,打印日志沒有出來,但組件以及渲染了。 import React from react; import { BrowserRouter as Router, R...
摘要:目前只有和有這個(gè)概率。是快速開發(fā)應(yīng)用程序的前端工具包。調(diào)試工具前端的調(diào)試工具很多,比如,核心的的。前端流程部署,和現(xiàn)在幾乎是前端最流行的自動(dòng)化的項(xiàng)目構(gòu)建工具正則表達(dá)式瀏覽器插件開發(fā)瀏覽器原理溝通能力優(yōu)秀 下圖是前端工程師圖解:showImg(http://upload-images.jianshu.io/upload_images/1807893-de7c7404345922b6.jp...
閱讀 745·2021-11-11 16:54
閱讀 3066·2021-09-26 09:55
閱讀 2016·2021-09-07 10:20
閱讀 1211·2019-08-30 10:58
閱讀 1057·2019-08-28 18:04
閱讀 708·2019-08-26 13:57
閱讀 3598·2019-08-26 13:45
閱讀 1164·2019-08-26 11:42