[Artur_Hopf]

Nexus,
В общем я сделяль так =)):

<li>Часы</li><input type="range" min="0" max="24" class="input_range" id="input_st" oninput="inputRangeTime('input_st', 'input_put_1')"/>
<li>Минуты</li><input type="range" min="00" max="60" class="input_range" id="input_en" oninput="inputRangeTime('input_en', 'input_put_1')"/>
<li>Выводются сюда, но перетирают друг друга:</li>
<input type="text" id="input_put_1" placeholder="14"/>
<li>Как сделать вид:</li>
<input type="text" placeholder="14:58">

function inputRangeTime(elem, elem2){
    var rng = document.getElementById(elem); 
    var input = document.getElementById(elem2); 
    input.value=rng.value;
};

Теперь вопрос, как вставить значение с обоих ползунков в один iput text, чтобы было на вроде 12:46?
И кстати как сделать так чтоб все тут видели как работает html и javascript вместе?