Question

你好我正在构建一个表格在php我已经知道用户的电子邮件..所以如果你用鼠标选择输入我插入值“灰色”。它变得黑色“活跃”。但是如果你选择别的东西，它又会变成灰色......显然导致它不再聚焦了......

但是如何在用户选择一次之后保留黑色...所以它的剂量再次变为灰色。感谢

这是我的代码

<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;">

Answer 1

编辑：哦，我认为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>

首次选择后输入保持“onfocus”

1 个答案: