可编辑div contenteditable = “true“限制字数输入框

最新推荐文章于 2024-04-22 10:39:07 发布

熙冰

最新推荐文章于 2024-04-22 10:39:07 发布

阅读量7.9k

点赞数 6

分类专栏： Js 文章标签： contenteditable

本文链接：https://blog.csdn.net/melodystars/article/details/103960259

版权

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <style>
    .main {
      position: relative;
      width: 300px;
    }

    .main-content {
      background: none;
      outline: none;
      padding: 10px 10px 30px;
      border: 1px solid #CDCDCD;
      border-radius: 4px;
      word-wrap: break-word;
      word-break: break-all;
      -webkit-user-modify: read-write-plaintext-only;
    }

    .main-content:empty::before {
      content: attr(placeholder);
      color: #CDCDCD;
    }

    .main-num {
      position: absolute;
      bottom: 10px;
      right: 15px;
      color: #CDCDCD;
      line-height: 16px;
      text-align: right;
    }
  </style>
</head>
<body>
<div>
  <div class="main">
    <div class="main-content" contenteditable="true" placeholder='请输入内容' id="conten

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

熙冰

关注关注

6
点赞
踩
9

收藏

觉得还不错? 一键收藏
6
评论
可编辑div contenteditable = “true“限制字数输入框

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> .main { position: relative; ...
复制链接

扫一扫