<label>標(biāo)簽的使用
相信大家寫前端的都寫過這樣的代碼↓↓↓
<input type="radio" name="demo1" id="demo1" value="" /><span>請點擊我</span>
他的顯示效果如下↓↓↓
怎么樣，是不是和你們寫的大同小異，你們認(rèn)為這就沒問題了么哟玷，給你們?nèi)袝r間思考問題
。
一也。巢寡。
。椰苟。抑月。
想到了嗎，沒想到我就來公布答案吧尊剔。
首先你們可以按一按你們的選項爪幻，看看你們在選擇文字時有沒有效果。我敢打賭照著我上面代碼敲的同學(xué)肯定是沒效果的须误。
那么你們再回憶一下挨稿，平時你們在使用選項是不是隨便點點就能選中呢？所以京痢，現(xiàn)在有請我們今天的主角<label>!!!(破音奶甘！)
在了解<label>標(biāo)簽的作用之前，我們可以直接先用用它祭椰，復(fù)制下面的代碼去試試臭家，你就會有最直觀的感受↓↓↓
<label><input type="radio" name="demo1" id="demo1" value="" /><span>請點擊我</span></label>
怎么樣疲陕，是不是很神奇，其實<label>標(biāo)簽的作用钉赁，是將它覆蓋范圍內(nèi)的所有元素關(guān)聯(lián)起來蹄殃。
比如你將兩個buttom按鈕用label標(biāo)簽框起來，那么在你點擊其中一個按鈕時你踩，另一個按鈕也會被選定诅岩，我們就利用這種特性，將點選按鈕的按鈕與他的描述關(guān)聯(lián)起來带膜，這樣就寫出了我們平時常見的單選按鈕了吩谦。
那么你可能會說，這東西不寫膝藕，又不是不能用式廷，那我懶得寫了，那我要在這里給你普及一個編程人員最基礎(chǔ)的知識：你寫的程序芭挽，有99%的時間都不是你在使用滑废，也許你覺得一點瑕疵沒問題，但是你的客戶不會這么想袜爪，他們有很大概率因為一點瑕疵而pass掉你的項目策严，所以像這種小細(xì)節(jié)，一定不要因為偷懶而不去做６銮谩！逛绵！
扯了那么遠(yuǎn)怀各，讓我們回到<label>的使用上，也許有的人會問术浪，<label>標(biāo)簽只有這一種用法嗎瓢对？實際上，<label>標(biāo)簽還可以“遠(yuǎn)程”使用胰苏。如下圖↓↓↓
如果我們想實現(xiàn)圖中所說的硕蛹，只點擊紅色的字體才有反應(yīng)，而點擊黑色的字體沒有反應(yīng)該怎么做呢硕并？
很簡單法焰，看下列代碼↓↓↓
<input type="radio" name="demo" id="demo1" value="" />
<p>別點我</p>
<p>別點我</p>
<p>別點我</p>
<p>別點我</p>
<p>別點我</p>
<p>別點我</p>
<p>別點我</p>
<label for="demo1"><span style="color: red;font-weight: bold;">請點我</span></label>
將上面↑↑↑的代碼復(fù)制去看看，你會發(fā)現(xiàn)倔毙，現(xiàn)在就只有紅色的字關(guān)聯(lián)到了單選按鈕埃仪，這是因為，<label>標(biāo)簽給我們提供了一個for屬性陕赃，我們可以通過給這個for屬性賦值卵蛉，來關(guān)聯(lián)一些布局上隔得很遠(yuǎn)的元素颁股，而這個for屬性的值，就是你所要關(guān)聯(lián)的元素的id值傻丝。
好了今天又結(jié)束了甘有，照慣例，掌聲呢葡缰，撒花呢亏掀？？运准？
我作為一個新手有很多不足的地方幌氮，歡迎大家補(bǔ)充或指出不對(??????)??
