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

时间:2012-02-21 11:55:01

标签: html css forms textarea

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修改表单变量(通过任何元素向量)?

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

1 个答案:

答案 0 :(得分:1)

不,这是不可能的,因为:after:before创建的伪元素不会以任何方式改变输入和textarea值(并且它们既没有在DOM树中看到)