html - 使用 CSS 内容生成更改表单字段

Question

CSS content 属性允许我修改元素的内容。是否可以使用纯 CSS 修改元素，使其内容作为表单的一部分发布？

我想做的事的例子:

<style type="text/css">
    #sneaky:before {
        content: "Testing, testing!";
    }
</style>
...
<form action="foo.php" action="POST">
    <textarea name="data" id="sneaky"></textarea>
    <input type="submit" value="Send" />
</form>

根据 several questions在这个站点上，没有办法在输入元素上使用 :before 和 :after，但是有评论提到 textarea 似乎表现得特别.

有没有办法只使用 CSS 修改表单变量(通过任何元素向量)？

注意:这不必特别跨浏览器兼容或可靠。我正在研究不同浏览器的行为方式以及每种浏览器可能遇到的技巧。

Answer 1

不，这是不可能的，因为 :after 和 :before 创建的伪元素不会以任何方式改变 input 和 textarea 的值(而且它们都不会被看到在 DOM 树中)