Кроссбраузерный красивый input type=«number»
3 мин
Цель поста: поделиться с разработчиками решением использования кроссбраузерного «input type="number"» или узнать о лучших решениях. Основная проблема состоит в том, что данный тип input`a по-разному отображается в разных браузерах, и кастомизировать его, через css практически не возможно. Данное решение позволяет легко оформить стрелочки в соответствии с дизайном, а так же отобразить их в тех браузерах, в которых не поддерживается нативный «input type="number"».
На данный момент плагину передается только один параметр — это селектор, к которому применяется js код:
Для примера возьмем три input`a с разными атрибутами:
Рабочий пример.
Проверено: opera, chrome, ff, ie9+
На данный момент плагину передается только один параметр — это селектор, к которому применяется js код:
jQuery(function ($) {
$('input[type=number]').iLightInputNumber();
});
Для примера возьмем три input`a с разными атрибутами:
<input type="number" id="input01" step="100" min="0" class="input1" placeholder="Your budget">
<input type="number" min="1" max="99" class="input2" placeholder="1">
<input type="number" min="1" class="input3 input4" value="1">
Рабочий пример.
Проверено: opera, chrome, ff, ie9+
Язык разметки Markdown разработали в 2004 году Джон Грубер и Аарон Шварц. Философия Markdown — писать текст, который легко читается и в то же время автоматически конвертируется в обычный HTML. Авторы сразу выпустили и парсер Perl, тот быстро приобрёл большую популярность, и Markdown пошёл в массы.
). Они также выпустили всеобъемлющий набор тестов для проверки каждой реализации Markdown на соответствие спецификациям.
