這個就是一個輸入框的小練習(也是第一次寫這個東西)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="div1">
<input class="key" type="text" onfocus="func1()" onblur="func2()" value="請輸入內容">
</div>
<script>
function func1() {
var divs=document.getElementsByClassName("div1")[0];
var ini=divs.getElementsByClassName("key")[0];
if (ini.value=="請輸入內容"){
ini.value="";
}
}
function func2() {
var divs=document.getElementsByClassName("div1")[0];
var ini=divs.getElementsByClassName("key")[0];
if (ini.value.trim().length==0){
ini.value="請輸入內容";
}
}
</script>
</body>
</html>