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

标签 css forms input

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

喜欢:

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

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

我试过:

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

有什么线索吗?

最佳答案

不需要为此使用 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" />

关于css - 是否可以使用 CSS 更改输入值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15212328/

相关文章:

jquery - 为什么剩下:auto; right:auto not centering a div?

html - 对齐多个 Flexbox 行的列

javascript - 如何在 JavaScript 中将消息附加/更新到单个警报消息?

html - 现代浏览器中的样式输入类型 "file"

javascript - 仅当 html 内容高度大于视口(viewport)高度时,如何才能使元素在页面上可见?

永远延伸的 HTML 横幅

c# - MVC 条件验证?

javascript - 使用 jquery 提交表单时指出表单中的特定错误位置

perl - 如何在 Perl 中连接两个文件中的相应行?

c - 如何从一行中读取多个整数?