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