Как nouislider tooltips представить как input?

Question

[del993788]

Здравствуйте. Я использую nouislider и мне понадобилось использовать tooltips. То есть переменные будут перемещаться вместе с ползунком. Вот пример использования refreshless.com/nouislider/examples/#section-tooltips . Посмотрите на часть кода:

// Add divs to the slider handles.
for ( var i = 0; i < tipHandles2.length; i++ ){
  tooltips2[i] = document.createElement('div');
  tipHandles2[i].appendChild(tooltips2[i]);
}
// Add a class for styling
tooltips2[0].className += 'sloower';
// Add additional markup
tooltips2[0].innerHTML = '<span id="sloower"></span>';
// Replace the tooltip reference with the span we just added
tooltips2[0] = tooltips2[0].getElementsByTagName('span')[0];

В итоге будет div с классом sloower и span с id lower. Подскажите, как изменить на ? Если я просто input напишу, то Он откроет вставит переменную и закроет. Может можно как то по другому обрисовать input? Подскажите, что можно сделать?

Answer 1

[Кирилл Туровников]

А вот этот пример на той же страницы вы видели? refreshless.com/nouislider/examples/#section-html5
Особого труда не составит их объединить