html表单中显示文字，点击文字就没有了。可以输入其他文字

html表单中显示文字，点击文字就没有了。可以输入其他文字

加个表单

注意:value里面的汉字必须一致，否则无效果。

直接用 Jquery 做就好了，非常简单。 原理是当鼠标激活 input 的时候，用的focus， 鼠标离开input的时候用的是 blur。$(document).ready(function() {
$('#input-shouji').focus(function() {
      $(this).val('');
      });
      
$('#input-shouji').blur(function() {
var str = $(this).val();
  if(str==''){
      $(this).val('手机号');
      }
      });
      
});


这个是手机的。那个你把# input-shouji 改成适合你的class 就可以了。
剩下的密码那个和这个一样 ，简单改一下就可以了。


希望能帮到你。

这个很简单我以“手机号”给你写一个例子：

给这个文本域添加监听事件，这个监听事件可以用js来写，一旦文本域触发焦点就设置它的文本内容为空。js代码如下：
var telText=document.getElementById("tel"); //得到id=“name”的对象，
telText.focus=function(){ //文本域得到焦点
this.value=""; //设置它的文本内容为空
}
telText.onblur=function(){ //文本域失去焦点
if((this.value)==null || (this.value)==""){//没有输入内容
this.value="请输入手机号";
}
}