0

嗨，我正在构建一个表单，在 php 中我已经知道用户的电子邮件。因此，如果您用鼠标选择输入，我将其作为“灰色”值插入。它变成黑色“活跃”。但是如果你选择别的东西，它又变灰了..显然是因为它不再是焦点了..

但是在用户只选择一次后，我怎样才能保留黑色......所以它再次变成灰色。谢谢

这是一个小提琴http://jsfiddle.net/BAes7/

这是我的代码

<input type="text" name="email" id="email" value="mail@gmail.com" size="22" onblur="if(this.value == 'mail@gmail.com') { this.style.color='#ccc'; this.value='mail@gmail.com'}" onfocus="if (this.value == 'mail@gmail.com') {this.style.color='#000'; this.style.fontStyle='normal'; this.value='mail@gmail.com'}" class="textBox" style="color: rgb(204, 204, 204); font-style: normal;">
4

1 回答 1

2

编辑：哦，我认为 JS/JQuery 是假设的。我使用了 JQuery。让我看看我是否可以为您找到一个直接的 JS 解决方案（如果您需要它？）。

<input id="special_text_box" name="special_text_box" type="text" value="hello world"></input>


<style>
#special_text_box {color:#C0C0C0}
</style>

<script>

$("#special_text_box").on('focusin',function(){
   $(this).css('color','#000000'); 
});

</script>

k...纯JS：

<input type="text" value="hello world" style="color:#C0C0C0" 
             onfocus="this.style.color='#000000'"></input>
于 2013-11-06T00:55:20.677 回答