HTML / CSS制作一个文本框,其中的文本是灰色的,当我点击输入信息消失,如何? [英] HTML/CSS Making a textbox with text that is grayed out, and disappears when I click to enter info, how?
本文介绍了HTML / CSS制作一个文本框,其中的文本是灰色的,当我点击输入信息消失,如何?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何制作内容为灰色的文字方块,而当我按一下该项目输入文字时,灰色的部分会消失,让我输入所需的文字?
例如:
名字文本框。
解决方案
HTML:
< input type =textname =firstnametitle =First Namestyle =color:#888;
value =First Nameonfocus =inputFocus(this)onblur =inputBlur(this)/>
JavaScript:
code> 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; }
}
编辑:实际上更容易。
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?
Example:
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.
解决方案
HTML:
<input type="text" name="firstname" title="First Name" style="color:#888;"
value="First Name" onfocus="inputFocus(this)" onblur="inputBlur(this)" />
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"; }
}
Edit: this is actually easier.
这篇关于HTML / CSS制作一个文本框,其中的文本是灰色的,当我点击输入信息消失,如何?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文