Javascript 想要有一个只使用java脚本的默认擦除文本示例吗
大家好，我想要一个html的例子，它将有默认文本，当用户点击文本框，它将消失，我希望它是在javascript只。下面是我的html代码，我如何使用javascript这里是一个急迫的问题。所以请所有的java脚本专家我需要你们的帮助Javascript 想要有一个只使用java脚本的默认擦除文本示例吗,javascript,html,Javascript,Html,大家好，我想要一个html的例子，它将有默认文本，当用户点击文本框，它将消失，我希望它是在javascript只。下面是我的html代码，我如何使用javascript这里是一个急迫的问题。所以请所有的java脚本专家我需要你们的帮助 <html> <body bgcolor="black"> <form method="get" action ="http://localhost:2013"> <center>
<html>
<body bgcolor="black">
<form method="get" action ="http://localhost:2013">
<center>
<font color="white" size=65>Enter Word: <input type="text" name="word"></font>
</center>
</br>
<center>
<font color="Green" size=65>
<input type="submit" value="SUBMIT">
</font>
</center>
</form>
</body>
</html>
输入单词：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
input { color:#333; }
input:focus { color:#ccc;transition:color .2s linear 0;
-webkit-transition:color .2s linear 0;
-moz-transition:color .2s linear 0 }
input.typing { color:#333; }
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(function(){
var input = $('input[name="word"]'), defaulttext = input.attr('data-default');
input.val(input.attr('data-default'));
input.on('focus', function(){
if(input.val() != defaulttext)
input.addClass('typing');
else
input.removeClass('typing');
}).on('keydown', function(){
if(defaulttext == input.val()) input.val('');
input.addClass('typing');
}).on('blur', function(){
if(input.val() == '') input.val(defaulttext);
that.removeClass('typing');
});
});
});//]]>
</script>
</head>
<body bgcolor="black">
<form method="get" action ="http://localhost:2013">
<center>
<font color="white" size=65>Enter Word: <input type="text" name="word" data-default="Default Text"></font>
</center>
</br>
<center>
<font color="Green" size=65>
<input type="submit" value="SUBMIT">
</font>
</center>
</form>
</body>
</html>
-JSFIDLE演示
输入{颜色：#333；}
输入：焦点{color:#ccc；转换：color.2s线性0；
-webkit转换：颜色。2s线性0；
-moz转换：颜色.2s线性0}
input.typing{color:#333；}
//
输入单词：