如何用div模仿textarea

最新推荐文章于 2024-05-06 15:16:12 发布

夜之悠然

最新推荐文章于 2024-05-06 15:16:12 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/smileboyjian/article/details/75451731

本文介绍HTML5中使元素可编辑的新属性contenteditable，并展示了如何通过CSS样式美化这些可编辑区域，包括宽度、最小高度、最大高度等样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//h5新属性,让元素可以编写

<div
 contenteditable="true">

    .....此处省略.....

</div>

给div设置css
  主要属性有

div{

    width: 100px;

    min-height: 100px;

        max-height: 300px;

    padding: 3px;

    border: 1px solid #a0b3d6;

    font-size: 12px;

    word-wrap: break-word;

    overflow-y: auto; 

}