iOS placeholder换行
最近被問(wèn)到一個(gè)奇怪的問(wèn)題。textarea 里設(shè)了placeholder,UI要求換行顯示,于是奇怪的問(wèn)題發(fā)生了,他不換行…怎么都不換行。
<textarea name="" rows="10" placeholder="第一行<br/>第二行<br/>第三行"></textarea>我看了好多文章叫我用插件然后這么寫(xiě),但那是個(gè)jq插件,現(xiàn)在也不咋用jq。如果不用插件,這行代碼就看起來(lái)很蠢,因?yàn)樗跒g覽器會(huì)這樣:
原因我想是因?yàn)閜laceholder里傳的值是text,標(biāo)簽當(dāng)然會(huì)被當(dāng)成abcd的文本啦。
在實(shí)際開(kāi)發(fā)中input 里面很少用到需要換行,input 就只有一行而已,多行的話就會(huì)使用textarea標(biāo)簽。
在textarea標(biāo)簽里面讓placeholder 換行是個(gè)讓我頭圍大了一圈的事兒(有沒(méi)有一種可能我只是因?yàn)轭^大才顯得禿?!),不同瀏覽器呢,兼容性還不一樣。于是我試了好幾種奇奇怪怪,反理論的都試了,都失敗了。
于是我簡(jiǎn)單粗暴的直接換了行:
居然:
可能對(duì)于好多人來(lái)說(shuō),這是個(gè)基礎(chǔ)問(wèn)題,有時(shí)候基礎(chǔ)問(wèn)題會(huì)容易被我忽視。記錄一下。
總結(jié)
以上是生活随笔為你收集整理的iOS placeholder换行的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: perp系列之八:其它
- 下一篇: React + webpack 开发单页