Я хотел бы сделать пользовательский ввод min-max в CSS3.CSS: хотите создать пользовательское поле min length & max length
<input type="number" min="10" class="form-control" value="10">Любая помощь будет большим.
спасибо.
Я совсем не уверен, что вы ищете.
Если вы ищете возможность создания собственных стрелок для подсчета вверх или вниз вашего поля ввода, здесь у вас есть альтернативное решение:
HTML:
<input class="number" type="number" min="10" class="form-control" value="10">
<button class="number_up"/>+</button>
<button class="number_down">-</button>
JS/JQuery
$(".number_up").click(function() {
$(".number").val(parseInt($(".number").val()) + 1);
});
$(".number_down").click(function() {
$(".number").val(parseInt($(".number").val()) - 1);
});
демонстрационный для вас доступно для поиска здесь: http://codepen.io/derbronko/pen/YNNRoL
Внимание! Этот код в настоящее время не принимает значения min/max/step-parameters!
Это сделано с jQuery, библиотекой функций для JavaScript. Просто сделать это с помощью CSS невозможно, на мой взгляд. Если вам нужно более подробное объяснение, сообщите мне. ;-)
Почему бы не просто добавить атрибут max к вводу, или мне не хватает того, что вы после? – Pete
Я просто хочу добавить вверх и вниз стрелку дизайна .. я не знаю, как его настроить? –
Возможный дубликат: http://stackoverflow.com/questions/24537234/customize-appearance-of-up-down-arrows-in-html-number-inputs – sol