首頁猿問知乎評論框的div[placeho...

知乎評論框的div[placeholder]是怎么實(shí)現(xiàn)的？

JavaScript

青春有我 2018-10-16 09:22:23

關(guān)于使用css的偽類實(shí)現(xiàn)div的placeholder，提了一個問題https://segmentfault.com/q/10...，但是在ubuntu的chrome53/firefox50上并不兼容?？墒侵踉u論框也是使用div實(shí)現(xiàn)的placeholder，卻沒有出現(xiàn)我的這種問題，不是很懂前端，請問知乎是怎么實(shí)現(xiàn)的div標(biāo)簽的placeholder，拜托各位朋友貼一下代碼的實(shí)現(xiàn)？

查看完整描述

1 回答

智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個贊

你是要實(shí)現(xiàn)div能夠像input輸入框那樣的效果？并設(shè)置默認(rèn)提示？
<div style="padding:0 5px">
<div placeholder="寫下你的評論…" data-input-box="true" contenteditable="true" data-reactid=".0.7.1"></div>
</div>
contenteditable="true"這個屬性是關(guān)鍵，H5的新屬性，屬性規(guī)定是否可編輯元素的內(nèi)容

反對回復(fù) 2018-11-01