输入类型=数字以及标签

时间:2015-03-04 22:01:54

标签: html html5 forms

我使用输入类型=“数字”来增加数字,但是我不希望这个输入字段因某些原因而可见(不重要)。因此,我希望使用标签与元素进行交互。

目前,例如:<input type="number" step="1" value="1" min="1"/>

我想使用一个标签,一个用于增加值而另一个用于减少,不幸的是使用标签代码,<label for="example1">似乎只选择数字的数字/框。

有没有人知道让标签增加价值或减少价值的方法?

1 个答案:

答案 0 :(得分:0)

我不认为你在没有一些javascript的情况下开始做这项工作。 Here'这是一篇很好的帖子,对你来说有很多选择,或者如果你不介意一点点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);
    })
})