contenteditable屬性兼容所有瀏覽器（IE6之前的版本是否兼容未測試）

在有些時候我們完全可以用DIV去替代input或者textarea來達到同樣的效果，例如，在使用ajax的時候，在提交表單時我們可以獲取DIV的內(nèi)容。

細心的人會發(fā)現(xiàn)，QQ空間中的發(fā)表說說的文本框其實就是一個DIV，而非textarea文本框。

Div+CSS如何模擬textarea文本域高度自適應以達到html5標準的contenteditable屬性

主要通過為標簽添加HTML5中的contenteditable屬性達到此效果（contenteditable：規(guī)定是否允許用戶編輯內(nèi)容），很棒的是，此屬性IE也會支持，所以不用再為兼容問題太去糾結(jié)了。
　　DEMO：

　　附:
　　在FF瀏覽器下,容器獲取焦點時,光標的高度會與容器的高度一樣高或者不顯示光標. 此時若為容器默認加個占位符,比如<br/>或&nbsp;可以解決這一問題.

現(xiàn)在煜子給大家介紹另一種可編輯可自動適應高度,但又不用加js代碼的好方法。讓大家開開眼界，煜子直接使用DIV也可以當文本框用，類似于TextArea文本框，更重要的是DIV的用戶體驗更完美更帥。  

Html中的contentEditable屬性可以打開某些元素的可編輯狀態(tài)。也許你沒用過contentEditable屬性，甚至從未聽說過，contentEditable的作用相當神奇?？梢宰宒iv或整個網(wǎng)頁，以及span等等元素設置為可寫．我們最常用的輸入文本內(nèi)容便是input與textarea 使用contentEditable屬性后，可以在div,table,p,span,body,等等很多元素中輸入內(nèi)容．特別是contentEditable已在html5標準中得到有效的支持。大家來見證一下吧。

設置contentEditable=”true”屬性后，是不是相當?shù)纳衿妗９?hellip;
 
DEMO頁面： http://demo.jb51.net/js/2014/ContentEditable/

我們來個特效吧，通過開啟div元素編輯，是否能插入圖片，這是需要用到js了。