HTML / CSS制作一个文本框，其中的文本是灰色的，当我点击输入信息消失，如何？ [英] HTML/CSS Making a textbox with text that is grayed out, and disappears when I click to enter info, how?

问题描述

如何制作内容为灰色的文字方块，而当我按一下该项目输入文字时，灰色的部分会消失，让我输入所需的文字？

例如：

名字文本框。

解决方案

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屋！