我想要一个文本框功能，例如 Gmail 登录页面文本框。现在我有这样的代码:
<script>
function inputFocus(i){
if(i.value===i.defaultValue){ i.value=""; i.style.color="#000"; }
}
function inputBlur(i){
if(i.value===""){ i.value=i.defaultValue; i.style.color="#888"; }
}
</script>
<body>
<input type="text" name="firstname" title="First Name" style="color:#888;"
value="First Name" onfocus="inputFocus(this)" onblur="inputBlur(this)" />
...
</body>
此代码的问题是，当我选择 tetbox 时，键入“名字”，如果我重新选择文本框，文本将被清除。而且 Gmail 登录页面文本框功能看起来很棒，直到我输入一封信，它才会显示透明文本。但不知道如何实现。
最佳答案
对于“透明文本”，您需要使用 placeholder属性:
<input type="text" name="firstname" ... placeholder="Email">
关于javascript - 类似于 Gmail 登录页面的文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27617782/