本文介绍了HTML/CSS 用灰色的文本制作一个文本框，当我点击输入信息时消失，如何?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
如何制作一个内容为灰色的文本框，当我点击它输入文本时，灰色部分消失并允许我输入所需的文本?
How do I make a textbox that has a grayed out content, and when I click on it to enter text, the grayed out portion, it disappears and allows me to enter the desired text?
例子:
名字"文本框.名字"字样在文本框中显示为灰色，当我单击时，这些字词会消失，我会在其中写下我的名字.
A "First Name" text box. The words "First Name" are inside the text box grayed out, when I click, those words disappear and I write my name in it.
推荐答案
这个答案说明了 HTML5 之前的方法.请查看 Psytronic 的答案，了解使用 placeholder 属性的现代解决方案.
This answer illustrates a pre-HTML5 approach. Please take a look at Psytronic's answer for a modern solution using the placeholder attribute.
HTML:
<input type="text" name="firstname" title="First Name" style="color:#888;"
value="First Name" onfocus="inputFocus(this)" onblur="inputBlur(this)" />
JavaScript:
JavaScript:
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"; }
}
这篇关于HTML/CSS 用灰色的文本制作一个文本框，当我点击输入信息时消失，如何?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！