Печать сообщения после ввода формы ввода

Question

все. Я действительно хочу знать, как сделать эффект, подобный этому:

https://www.dosomething.org/user/register

Я имею в виду, я хочу изменить, например: «Имя» на «Привет, (и напечатанный текст в введите после изменения типа ввода.Если вы знаете, как сделать подобный эффект, например, в jQuery или других плагинах, скажите мне, пожалуйста! Я знаю, как печатать набранный текст во входном файле, но это не то, что я хочу сделать, потому что я хотите показать полный текст: «Привет, (напечатано сообщение) после с помощью вкладки или смены поля ввода. Я ценю любую помощь.

Answer 1

HTML

<div class="form-group"> 
    <label id="label-name" for="name">First Name</label> 
    <input class="form-control" type="text" id="name" placeholder="Enter your name" /> 
</div> 

JQuery

$('#name').on('change', function() { 
    var val = $('#name').val(); 
    if(val) 
     $('#label-name').html('Hi ' + val); 
    else 
    { 
     $('#label-name').html('First Name'); 
    } 
}) 

Fiddle: https://jsfiddle.net/on142Lvp/