回答-BFW问答

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <style>
        [contenteditable=true]:empty:before {
            content: attr(placeholder);
            pointer-events: none;
            display: block;
            /* For Firefox */
        }

        /* */

        div[contenteditable=true] {
            border: 1px dashed #AAA;
            width: 290px;
            padding: 5px;
        }

        pre {
            background: #EEE;
            padding: 5px;
            width: 290px;
        }
    </style>

</head>
<body translate="no">
    <h1>对contentEditable元素的占位符支持，不使用JavaScript</h1>
    <div contenteditable="true" placeholder="Enter text here..."></div>
    <p>
       添加一下样式就行了:
    </p>
    <pre>[contenteditable=true]:empty:before {
        content: attr(placeholder);
        pointer-events: none;
        display: block; /* For Firefox */
        }
    </pre>
    <h2>Notes</h2>
    <ul>
        <li>可以添加与实际文本不同的样式，如不透明度、斜体等</li>
        <li>如果你的html需要100%兼容，你可以在两个文件上用“占位符”替换“数据占位符”

</li>
        <li>在某些情况下，Chrome会在contentEditable元素中添加<br/>，从而破坏：空检查。</li>
        <li>指针事件：不存在，因此光标在悬停时是正确的

</li>
    </ul>

</body>
</html>

回答

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？

python如何做个RPA按键精灵的程序？

写一个windows的cmd的python代码如何在命令行中捕获获取复制粘贴的图片？

如何将别人爆款的抖音短视频短剧文案提取为seedance2的提示词？

阿里云域名dns云解析10万次日限额如何应对？

windows电脑如何提交上架ipa苹果应用？