【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

设置contenteditable属性可编辑HTML标签的内容(可代替texta

放大字体  缩小字体 发布日期:2020-05-05 03:56:26    浏览次数:21
导读

  在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果,例如,在使用ajax的时候,在提交表单时我们可以获取DIV的内容。  细心的人会发现,QQ空间中的发表说说的文本框其实就是一个DIV,而非textarea文本框。  主要通过为标签添加HTML5中的contenteditable属性达到此效果(contenteditable:规定是

  在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果,例如,在使用ajax的时候,在提交表单时我们可以获取DIV的内容。

  细心的人会发现,QQ空间中的发表说说的文本框其实就是一个DIV,而非textarea文本框。

  主要通过为标签添加HTML5中的contenteditable属性达到此效果(contenteditable:规定是否允许用户编辑内容),很棒的是,此属性IE也会支持,所以不用再为兼容问题太去纠结了。

  在FF浏览器下,容器获取焦点时,光标的高度会与容器的高度一样高或者不显示光标. 此时若为容器默认加个占位符,比如br/或可以解决这一问题.

  现在煜子给大家介绍另一种可编辑可自动适应高度,但又不用加js代码的好方法。让大家开开眼界,煜子直接使用DIV也可以当文本框用,类似于textarea文本框,更重要的是DIV的用户体验更完美更帅。

 
关键词: css div可编辑
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-195130.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4