Метка: input

  • Html. Css. Стилизация кнопки input type=»file»?

    Нативный элемент загрузки файла в Html выглядит, мягко говоря, не очень хорошо — поэтому в этой короткой статье я приведу пример, как при помощи css стилизировать кнопку input type=file. Итак, решение включает две части — Html и CSS. Html. Оберните input в тег label: Custom Upload Также можно вынести элемент формы за предел : Custom […]

  • Php. Html. Как вставить кавычки в текстовое поле input?

    Очень простая и короткая статья о том, как вставить текст с кавычками в текстовое поле input[type=text]. Если задуматься — то проблема с выводом кавычек в input более, чем понятная — браузер считает кавычки вашей строки, как управляющие при разборе html и воспринимает соответственно. Для решения прибегнем к простой php-функции — htmlspecialchars(). $str = ‘Строка в […]

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

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

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

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

  • Javascript. jQuery. Как разрешить ввод определенных символов?

    Задача в ограничении ввода символов в input очень распространенная. Фильтрация номеров телефона, email встречаются очень часто. Сегодня приведу простой пример — без регулярных выражений — как ограничить ввод символов в текстовое поле. Сначала пример попроще для общего понимания идеи: $(‘input’).on(‘keyup keypress’, function(e) { var letters=’ +-()1234567890′; return (letters.indexOf(String.fromCharCode(e.which))!=-1); }); Данный пример решает задачу — т.е. […]