次のコードを実装するJavaScriptイベントの使用:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
</head>
<body>
<input type="text" onfocus="fun()" id="input" onblur="fun1()">
</body>
<script>
function fun() {
var input = document.getElementById('input');
input.placeholder = "请输入你的姓名";
}
function fun1() {
var input = document.getElementById('input');
if (!onkeydown){
input.placeholder = "用户名不能为空";
input.style.border = "1px solid red";
}
if (input.value != ''){
input.style.border = "1px solid #a9a9a9";
}
}
</script>
</html>
入力ボックスが楽しい()関数で、楽しい()関数の実装にフォーカスを取得するときに行セットで、IDを使用しての方法を見つけるために使用されるplaceholder
まで、「あなたの名前を入力してくださいを。」