Эхо-данные из текстового поля ввода рядом с полем

Я хочу отобразить ввод из поля ввода, прямо рядом с полем ввода, если он получил данные.

Я хочу использовать его в нашей кассе для имени клиента.
Что, когда клиент ввел свое имя, рядом с ним появляется эхо «Привет (имя клиента)»

Поле ввода находится на той же странице. Таким образом, эхо должно отображаться рядом с полем ввода.

Данные должны отображаться, когда клиент больше не фокусируется на этом поле ввода. Поэтому, когда он нажимает на другое поле ввода или рядом с ним, он должен отображаться.

Как я могу это исправить?

0

Решение

Если вы в порядке с чистым встроенным 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 заполняется «Привет, (имя пользователя)», если ввод теряет фокус и не является пустым.

1

Другие решения

Вы ищете 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>
0

По вопросам рекламы [email protected]