喵~
項(xiàng)目開發(fā)難免會(huì)遇到些不解的問(wèn)題,以下總結(jié)的是簡(jiǎn)化版劳跃,重在復(fù)現(xiàn)問(wèn)題,解決問(wèn)題浙垫。
寫表單時(shí)刨仑,如果只是單獨(dú)寫了input元素,發(fā)現(xiàn)在后臺(tái)管理會(huì)飄紅夹姥。感覺(jué)很奇怪杉武,明明沒(méi)有寫錯(cuò)語(yǔ)法,為什么會(huì)飄紅呢辙售?
1轻抱、寫一段最普通的html頁(yè)面
2、右鍵旦部,選擇 “檢查”祈搜,打開后臺(tái)管理器,指向input元素
此時(shí)士八,可以看到飄紅的input容燕,鼠標(biāo)指向input,會(huì)顯示一段提示:
3婚度、按照提示蘸秘,Shift + Click,可直接跳至錯(cuò)誤的詳細(xì)說(shuō)明
Form elements must have labels: Element has no title attribute Element has no placeholder attribute
簡(jiǎn)而言之就是說(shuō):input 元素要有配套的label元素,還要有 title 和 placeholder 屬性
也就是說(shuō)醋虏,按照規(guī)范來(lái)講寻咒,它是建議我們補(bǔ)全對(duì)應(yīng)的配套標(biāo)簽和屬性的。
我順便測(cè)試了Chrome瀏覽器颈嚼,并沒(méi)有出現(xiàn)Error提示毛秘,只有使用Edge瀏覽器才會(huì)出現(xiàn)。
所以粘舟,這個(gè)問(wèn)題熔脂,實(shí)際上不能算 Error 吧,最多是 Warning ~
既然出現(xiàn)了柑肴,就接著測(cè)試霞揉,如果你的項(xiàng)目就是單純的需要一個(gè)獨(dú)立的Input,請(qǐng)往下看:
經(jīng)過(guò)測(cè)試晰骑,三種情況可以消除Error:
4适秩、解決方案
4.1 添加 title 屬性
<input type="text" title="Please input">
4.2 添加 placeholder 屬性
<input type="text" placeholder="Please input">
以上就是,無(wú)需 label 標(biāo)簽硕舆,只需給 input 添加 title 或 placeholder 任一屬性秽荞,即可消除Error。
當(dāng)然啦抚官,如果想更標(biāo)準(zhǔn)扬跋,寫全套就更好了:
<label for="target"></label>
<input type="text" id="target" title="input title" placeholder="Please input">