Метка: number

  • Этот Input type number реагирует только на стрелки.

    Устанавливая для input[type=number] значения min, max и step иногда можно забыть, что это по-пержнему всего-навсего инпут, в который можно ввести любою информацию с клавиатуры. Варианов решения много и применять каждый из них следует в зависмости от поставленных задач, но я приведу, наверное, самый простой из них. Итак: В данном примере мы просто добавили js-обработчик нажатия […]

  • Yii2. Как добавить поле number?

    Работа с ActifeFields существенно облегчает жизнь, но бывают моменты, которые интуитивно не понятны — например, как добавить в форму поле типа number. На самом деле сделать это очень просто — ниже приведен пример решения проблемы: Этот же код подойдет для всех типов html5-инпутов.

  • Html5. Как убрать стрелочки с input[type=number]

    Стандартные стрелочки с текстового поля с типом number выглядят убого и мало когда подходят по своему внешнему виду. Ввиду этого хочу поделиться примером стилей, которые позволяют избавиться от ненужных визуальных контролов, при этом сохранив базовый функционал. input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type=’number’] { -moz-appearance: textfield; } Этот простой сниппет позволит получить желаемый результат, выполнив […]