資訊專欄INFORMATION COLUMN
摘要：同時，給出一段示例代碼，如下代碼中，的屬性值與的屬性值相同。在上，關(guān)于的屬性的定義如下譯文屬性指定與表單中的哪個元素進(jìn)行綁定。的和，屬于包含關(guān)系，的和相對獨立。為添加屬性的這個做法，能夠提高代碼質(zhì)量。
在freecodecamp上HTML教程的Create a Set of Radio Buttons這一節(jié)中，看到這樣一段話，
It is considered best practice to set a for attribute on the label element, with a value that matches the value of the id attribute of the input element. This allows assistive technologies to create a linked relationship between the label and the child input element.
大概的意思是：最好的做法，是給label標(biāo)簽，添加for屬性，其值與input標(biāo)簽的id屬性的值相同，以在label和input之間創(chuàng)建關(guān)聯(lián)。
同時，給出一段示例代碼，如下：
代碼中，label的for屬性值與input的id屬性值相同。從這段代碼中，并不能看出關(guān)聯(lián)在何處。即使將for屬性刪除，運行結(jié)果也沒有差別。
在w3schools上，關(guān)于label的for屬性的定義如下：
The for attribute specifies which form element a label is bound to.
譯文：for屬性指定label與表單中的哪個元素進(jìn)行綁定。
示例代碼：
根據(jù)w3schools提供的定義和示例代碼，可以看出for屬性和id屬性相同的話，label和input是一一對應(yīng)的關(guān)系。
對比兩段代碼，不難發(fā)現(xiàn)，
label與input標(biāo)簽的包含關(guān)系不同。Code 1 的label和input，屬于包含關(guān)系，Code 2 的label和input相對獨立。
label與input在頁面上的排列方式不同。通過Chrome的開發(fā)者工具（快捷鍵Ctrl + Shift + i）不難發(fā)現(xiàn)，Code 1 的運行結(jié)果，label標(biāo)簽將input標(biāo)簽包含，Code 2 的運行結(jié)果，label標(biāo)簽與input標(biāo)簽并列。
label與input一一對應(yīng)。點擊label的內(nèi)容，對應(yīng)的單選按鈕都會被選中。
如果，我們將兩段代碼中l(wèi)abel的for屬性刪除，上述的第1點和第2點依然成立，變化的是第3點。
Code 1 的運行結(jié)果，點擊label的文字內(nèi)容，依舊能夠選中單選按鈕。因為input包含在label中。而 Code 2 的則不同，點擊label的內(nèi)容，無法選中單選按鈕。
經(jīng)過簡單的代碼運行結(jié)果對比，我們能夠驗證文章開頭引用的那段話是正確的。為label添加for屬性的這個做法，能夠提高代碼質(zhì)量。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/52837.html
小編寫這篇文章的一個主要目的，繼續(xù)為大家介紹關(guān)于Python相關(guān)事宜，介紹的內(nèi)容主要是教我們?nèi)绾稳ダL制餅狀圖，具體怎么去做呢？下面就給大家詳細(xì)的解答下?！ 「拍睢 ★瀳D（pie chart）是用圓形及圓內(nèi)扇形的角度來表示數(shù)值大小的圖形，它主要用于表示一個樣本（或總體）中各組成部分的數(shù)據(jù)占全部數(shù)據(jù)的比例。僅排列在工作表的一列或一行中的數(shù)據(jù)可以繪制到餅圖中。餅圖顯示一個數(shù)據(jù)系列（數(shù)據(jù)系列：在圖表中...
近期工作中過程中遇到了matplotlib保存圖片縱坐標(biāo)不完美的難題,因此本文關(guān)鍵為大家介紹了關(guān)于pythonmatplotlib繪圖時縱坐標(biāo)重合顯示不全和圖片保存的時候不完善解決問題的方法方式,需要的小伙伴可以做個參考 難題 在使用matplotlib做圖時，有時候會碰到繪圖時縱坐標(biāo)重合，顯示不全和圖片保存時不完美的難題。如下所示： 解決方案 畫圖時重疊或者顯示不全的問題 畫圖時加...
對于很多從事Python的人來說，有很多的人想要去進(jìn)階的，比如學(xué)習(xí)跟多的一些知識，比如，我們在工作中會遇到，使用Python計算AUC的三種方式，下面給大家做出一個解答?！ 〗榻B AUC（Area Under Curve），其實就是ROC曲線圍成的和下坐標(biāo)軸圍成的一個面積，這個面積的數(shù)值一般是不會大于1的。 當(dāng)然，ROC曲線基本上都在y=x，這條直線上面的一個正上方，因此AUC的正確值應(yīng)該...
寫這篇文章的主要目的，是關(guān)于Python Opencv的相關(guān)知識，包括ann神經(jīng)網(wǎng)絡(luò)識別手寫數(shù)字功能，教給大家怎么去使用這種功能，接下來請大家仔細(xì)的進(jìn)行閱讀哦。 opencv會給大家提供一種神經(jīng)網(wǎng)絡(luò)的功能，即為ann，這種神經(jīng)的網(wǎng)絡(luò)功能與Keras的很接近?！ ￡P(guān)于mnist數(shù)據(jù)怎么去進(jìn)行解析，讀者人員可以自己從網(wǎng)上downland軟件，用python自己編寫解析代碼，由于這里主要研究knn...
閱讀 1507·2021-11-25 09:43
閱讀 4057·2021-11-15 11:37
閱讀 3192·2021-08-17 10:13
閱讀 3503·2019-08-30 14:16
閱讀 3535·2019-08-26 18:37
閱讀 2489·2019-08-26 11:56
閱讀 1128·2019-08-26 10:42
閱讀 609·2019-08-26 10:39
