从框旁边的输入文本框回显数据

Question

我想要显示来自输入框文本的输入，如果它有数据，则在输入框旁边。

我想在我们的客户名称结帐中使用它。 当客户输入他们的名字时，它会在旁边回显“Hi（customer-name）”

输入框位于同一页面上。所以回声需要显示在输入框旁边。

当客户不再关注此输入框时，需要显示数据。所以当它点击另一个输入框或旁边时，它需要显示。

我该如何解决这个问题？如果输入

<input type="text" value="" onblur="if(this.value !=''){document.getElementById('hi').innerHTML='Hi, '+this.value;}else{document.getElementById('hi').innerHTML='';}" /> 
<span id='hi'></span> 

空跨度，或任何其他HTML占位符将填补“嗨，（用户名）”：

Answer 1

如果你是纯粹的内联JavaScript OK，就可以达到这个使用onblur事件失去了重点，并不是空的。

Answer 2

您正在寻找Javascript，而不是php。

要使它非常简单：

function sayHi(){ 
 
    var name = document.getElementById("box1").value; 
 
    document.getElementById("username").innerHTML = name; 
 
}

<input type="text" id="box1" onblur="sayHi();"><span id="username"></span>