css - 是否可以使用 CSS 更改输入值？

Question

我可以在用户单击时使用 CSS 更改输入字段值吗？

喜欢:

<input type=text name=username>
<input type=password name=password>

因此，当用户点击此字段时，文本将消失，他将能够写一些东西。

我试过:

input[value="Input desired username here"] {
styles...
}

有什么线索吗？

Answer 1

不需要为此使用 css。您可以为输入标签使用占位符属性，它将在输入框中显示默认值:

<input type="text" name="username" placeholder="Username" />

请注意，并非所有浏览器都支持 placeholder 属性，如果你想让它跨浏览器，你可以编写一个 javascript 代码来在你的输入框中放置一个默认值，或者使用这个简单快速的修复:

<input type="text" name="username" onFocus="if(this.value=='Username') this.value='';" onBlur="if(this.value=='') this.value='Username';" value="Username" />