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

发布网友发布时间：2022-04-23 09:10

我来回答

共7个回答

热心网友时间：2022-04-19 10:04

网页链接

答案转自上面的连接

input中有一个属性　placeholder，设置一下值就可以了，具体代码如下

热心网友时间：2022-04-19 11:22

给这个文本域添加监听事件，这个监听事件可以用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="请输入手机号";
}
}

热心网友时间：2022-04-19 12:57

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function disapear(){
document.getElementById("test").value="";

}
</script>
</head>

<body>
<input id="test" name="test" type="text" onclick="disapear();" value="点击消失"/>
</body>
</html>

热心网友时间：2022-04-19 14:48

加个表单
<form>
<input onFocus="if(value=='请输入关键字'){value=''}" value="请输入关键字">
</form>
注意:value里面的汉字必须一致，否则无效果。

热心网友时间：2022-04-19 16:56

这个很简单我以“手机号”给你写一个例子：
<input ype="text" value="手机号" onclick="javascript:if(this.value=='手机号'){this.value='';}" />

热心网友时间：2022-04-19 19:21

热心网友时间：2022-04-19 22:02

直接用 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 就可以了。

剩下的密码那个和这个一样，简单改一下就可以了。

希望能帮到你。