关于编辑器对input标签报错提示“表单输入没有相关label”的问题
相信很多朋友在制作表單的時(shí)候,我們的編輯器會(huì)有下圖的相關(guān)提示吧
我們發(fā)現(xiàn)雖然這樣并不影響我們的正常使用,但是看著這樣的報(bào)錯(cuò)提示總是很讓人心煩,那么這到底是為什么呢?
其實(shí),這是因?yàn)榫庉嬈鹘ㄗh我們在使用<input>標(biāo)簽時(shí),用相應(yīng)的<label>標(biāo)簽對其進(jìn)行標(biāo)記。不想百度的同學(xué)可以繼續(xù)往下看嘍:
<label>標(biāo)簽其實(shí)是為了方便鼠標(biāo)用戶選擇的標(biāo)簽,,如圖,當(dāng)我們在選擇男女時(shí),通常會(huì)點(diǎn)擊里面的圓圈,但是如果遇到這樣的情況呢,想必點(diǎn)圓圈大家就會(huì)覺得很麻煩了吧?這時(shí)候就該<label>出場了,代碼如下:
<input type="radio" name="consider" id="1" value="henhao" checked/> <label for="1">我認(rèn)為這樣很好</label> <input type="radio" name="consider" id="2" value="butaihao"/> <label for="2">我認(rèn)為這樣不太好</label>這樣,當(dāng)我們點(diǎn)擊圓圈旁邊的字的時(shí)候,也就會(huì)發(fā)生和點(diǎn)擊圓圈一樣的效果。會(huì)不會(huì)覺得這樣很麻煩?嘿嘿,<label>標(biāo)簽還有一個(gè)小技巧,你可以把代碼寫成這樣
<label><input type="radio" name="consider" value="henhao" checked/>我認(rèn)為這樣很好 </label> <label><input type="radio" name="consider" value="butaihao"/>我認(rèn)為這樣不太好 </label>成了,只要用<label></label>標(biāo)簽把<input>標(biāo)簽包涵進(jìn)去就可以了
?
轉(zhuǎn)載于:https://www.cnblogs.com/ztsuper/p/8303599.html
與50位技術(shù)專家面對面20年技術(shù)見證,附贈(zèng)技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的关于编辑器对input标签报错提示“表单输入没有相关label”的问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [BZOJ4825][HNOI2017]
- 下一篇: GateOne Web SSH 环境搭建