Тип ввода = число вдоль метки wih

Question

Я использую тип ввода = «число» для увеличения чисел, однако я не хочу, чтобы это поле ввода отображалось по нескольким причинам (не важно). Поэтому я надеялся использовать метки для взаимодействия с элементом.

В настоящее время, например: <input type="number" step="1" value="1" min="1"/>

Я хочу использовать ярлык, один для увеличения стоимости, а другие к снижению, к сожалению, с помощью кода для этикеток, <label for="example1"> только кажется, чтобы выбрать номер/коробку числа ,

Кто-нибудь знает о методе, чтобы метка увеличивала значение или уменьшала значение?

Answer 1

Я не думаю, что вы сделаете эту работу без использования javascript. Here' са хороший SO пост, который имеет кучу вариантов для вас, или если вы не возражаете, немного JQuery вы можете дать этому выстрел:

<input id="thing" type="number" value="1" /> 
<label id="stuff" for="thing" >Hey!</label> 

И в JS:

$(document).ready(function() { 
    $('#stuff').click(function() { 
     whatitis = parseInt(document.getElementById('thing').value); 
     $('#thing').val(whatitis + 1); 
    }) 
})