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

Question

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

我想在结帐时使用它来获取客户姓名。当客户输入他们的名字时，它会在旁边回显 "Hi (customer-name)"

输入框在同一页面上。所以回显需要显示在输入框的右边。

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

我该如何解决？

Answer 1

如果您可以使用纯内联 javascript，您可以使用 onblur 事件实现此目的：

<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 占位符将填充 "Hi, (username)"。

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>

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

Echo data from input textbox beside box

php

input

echo

inputbox