在 javascript 中使用 onFocus 显示的消息

Question

我创建了一个表单，当我单击文本字段时，我希望使用 onFocus 在表单下方显示一条消息。

<input type="text" id="fname" placeholder="john" />

因此，当单击该字段时，我想要一条消息，上面写着"这是您输入姓名的地方"

我试过了

<script>
function myFunction() {
document.getElementById("fname") 'dont know what to put here'
}
</script>
<input type="text" id="fname" placeholder="john" onfocus="myFunction()"/>

Answer 1

你可以使用 css 来实现这一点：

<input type="text" id="fname" placeholder="john" />
<span>your text</span>

span {
display:none;
}
input:focus + span {
display:block;
}

以下是JavaScript解决方案：

var span = document.querySelector("span");
var input = document.querySelector("#fname")
input.addEventListener("focus", function() {
span.innerHTML = "your text";
});