сообщение появляется с помощью onFocus в javascript

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"; 
});