CodePen

HTML

            
              <div class="inputWrapper">
  <input type="number"/>
</div>
            
          
!
via HTML Inspector

CSS

            
              .inputWrapper {
  display: inline-block;
  overflow: hidden;
  position: relative; 
}

input {
  background: transparent;
  color: transparent; 
}

.feedback {
  display: inline-block;
  left: 0;
  position: absolute;    
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('input').each(function createFeedback(){
  var $feedback = $('<span>').attr('class','feedback').insertAfter($(this));
  
  $(this).on('keydown keyup change', function matchInput(){
    $feedback.html($(this).val());
  })
})
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................