溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
<label>是我們經(jīng)常是用到的標(biāo)簽，一般用在<input>標(biāo)簽之前，用來指示該輸入框需要的信息。但<label>標(biāo)簽還有個for屬性，可以關(guān)聯(lián)<input>的id屬性。那for屬性究竟是用來干什么的呢，我們來看看下面的場景：
我們常常看到在有些網(wǎng)頁上面，要往一個<input>里面輸入內(nèi)容，我們可以點擊這個<input>讓其獲得焦點，也可以點擊前面的<label>讓<input>獲得焦點。而for屬性就是用來建立<label>和<input>之間這種關(guān)聯(lián)關(guān)系的。
用for屬性建立的關(guān)聯(lián)稱為顯示關(guān)聯(lián)，還可以讓<label>標(biāo)簽包含<input>，建立隱式關(guān)聯(lián)。
<html> <body> 用for屬性建立顯式的關(guān)聯(lián)： <label for="name">姓名:</label> <input type="text" id="name"/> <br/> 讓label包含input建立隱式的關(guān)聯(lián)： <label> 性別: <input type="text" id="gender" /> </label> </body> </html>
在上面點擊“姓名”或者“性別”標(biāo)簽都可以讓相應(yīng)的<input>獲得輸入焦點。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
