创建文本框时,会显示默认的灰色文本(#888).当给定焦点时,该值应该消失并开始显示键入的值.我已经为这个问题编写了代码,它如下:
<html>
<script type="text/javascript">
function Focus(i) {
if (i.value == i.defaultValue) {
i.value = "";
i.style.color = "#000";
}
}
function Blur(i) {
if (i.value == "") {
i.value = i.defaultValue;
i.style.color = "#888";
}
}
</script>
<body>
<input type="text" name="enter firstname" title="First Name" style="color:#888;"
value="First Name" onfocus="Focus(this)" onblur="Blur(this)" />
<input type="text" name="enterlastname" title="Last Name" style="color:#888;"
value="lastname" onfocus="Focus(this)" onblur="Blur(this)" />
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
但是,每当文本框被聚焦时,值就会消失.我该怎么做才能纠正这个问题?即使文本框处于焦点下,该值也不会消失,只有当我开始输入时,该值才会消失.我是新用户,所以我无法发布截图.