Skip to content
Плагин для стилизации input type=number
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
number_plugin
README.md
app.js
index.html
style.css
version.txt
yuicompressor-2.4.7.jar

README.md

numberPlugin

Плагин для стилизации input type=number

Web-site https://number-plugin.na4u.ru

Preview link https://igrok666.github.io/

для подключения плагина добавьте в head

//html code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="number_plugin/number_plugin.js" type="text/javascript"></script>
<link href="number_plugin/number_plugin.css" type="text/css" rel="stylesheet">

Создайте элемент типа input type="number"

//html code
<div>
<input type="number" class="numb" id="1" value="1">
<input type="number" class="numb" id="2" value="1">
</div>

В файле с JavaScript

//js code
$(document).ready(function () {
    $('.numb').number_plugin();
});

Функции Number plugin

$('.numb').number_plugin({
               width: '65px', //ширина инпута на выводе (по умолчанию 65px редактируется как тут так и через css)
               height: '35px', //высота инпута на выходе (по умолчанию 35px редактируется как тут так и через css)
               negative: true, //включение поддержки отрицательных чисел (по умолчанию false)
               step: 20, //шаг прибавления и убавления (по умолчанию 1)
               animate: true, //включение анимации прибавления и вычитания (по умолчанию false)
               delay: 100, //задержка анимации между прибавлениями (по умолчанию 10ms)
               max: 100, //максимальное значение(по умолчанию false)
               min: 20, //минимальное значение(по умолчанию false)
               class : 'custom' //добавляет инпуту свой дополнительный класс
           });
You can’t perform that action at this time.