<!DOCTYPE html>
<html lange="en"> <!-- 设置语音 -->
<head>
<meta charset="UFT-8"> <!-- 设置编码格式 -->
<title>Title</title>
</head>
<body>
<div style="width:500px; margin:0 auto;">
<input id="i1" οnfοcus="Focus();" οnblur="Blur();" type="text" value="xxxxx"/>
/* onfocus获取焦点 onblur焦点消失 */
<input type="text" placeholder="xxxxx"/> //现在的浏览器封装的功能
</div>
<script>
function Focus(){
var tag = document.getElementById('i1'); //根据ID 获取标签
var val = tag.value;
console.log(val);
if(val == "xxxxx"){
tag.value="";
}
}
function Blur(){
var tag = document.getElementById('i1');
var val = tag.value;
console.log(val);
if(val.length==0){
tag.value="xxxxx";
}
}
</script>
<html lange="en"> <!-- 设置语音 -->
<head>
<meta charset="UFT-8"> <!-- 设置编码格式 -->
<title>Title</title>
</head>
<body>
<div style="width:500px; margin:0 auto;">
<input id="i1" οnfοcus="Focus();" οnblur="Blur();" type="text" value="xxxxx"/>
/* onfocus获取焦点 onblur焦点消失 */
<input type="text" placeholder="xxxxx"/> //现在的浏览器封装的功能
</div>
<script>
function Focus(){
var tag = document.getElementById('i1'); //根据ID 获取标签
var val = tag.value;
console.log(val);
if(val == "xxxxx"){
tag.value="";
}
}
function Blur(){
var tag = document.getElementById('i1');
var val = tag.value;
console.log(val);
if(val.length==0){
tag.value="xxxxx";
}
}
</script>
</body>
</html>
</html>