В профильных сообществах e-mail—маркетологов, на форумах, посвященных поддержке CMS, на конференциях — везде сейчас активно обсуждается проблема спам-атак, устойчивым вектором которых является инъекция текста в формы на сайтах. Такой способ используется для отправки спама, а также для проведения узконаправленных атак, парализующих работу с отдельными ящиками.
Читать полностью »
Рубрика «формы» - 2
Формы на сайте — спамер поневоле
2018-05-21 в 9:52, admin, рубрики: антиспам, Блог компании Mail.Ru Group, защита от спама, интернет-маркетинг, рассылки, спам, формыФормы и кастомные поля ввода в Angular 2+
2017-05-25 в 10:32, admin, рубрики: angular, angular 2, AngularJS, javascript, Блог компании Tinkoff.ru, поля ввода, Разработка веб-сайтов, формыМеня зовут Павел, я фронтенд-разработчик Tinkoff.ru. Наша команда занимается разработкой интернет-банка для юридических лиц. Фронтенд наших проектов был реализован с применением AngularJS, с которого мы перешли, частично с использованием Angular Upgrade, на новый Angular (ранее позиционировался как Angular 2).
Наш продукт предназначен для юридических лиц. Такая тематика требует множества форм со сложным поведением. Поля ввода включают в себя не только стандартные, реализованные в браузерах, но и поля с масками (например, для ввода телефона), поля для работы с тегами, ползунки для ввода числовых данных, различные выпадающие списки.
В этой статье мы заглянем «под капот» реализации форм в Angular и разберёмся, как создавать кастомные поля ввода.
Предполагается, что читатель знаком с основами Angular, в частности, со связыванием данных и внедрением зависимостей (ссылки на официальные гайды на английском языке). На русском языке со связыванием данных и основами Angular в целом, включая работу с формами, можно познакомиться здесь. На Хабрахабре уже была статья про внедрение зависимостей в Angular, но нужно учитывать, что написана она была задолго до выхода релизной версии.
Читать полностью »
Проектирование идентичных форм в WPF с применением абстрактных классов
2016-08-08 в 5:43, admin, рубрики: .net, C#, wpf, абстрактные классы, разработка под windows, формы, метки: абстрактные классыНедавно столкнулся с весьма интересной задачей, которая довольно-таки часто может встречаться при проектировании пользовательских интерфейсов. Вопрос, конечно, сравнительно тривиальный, однако полноценной и развёрнутой информации по нему я не нашёл, потому решил поделиться собственным опытом. Статья может оказаться полезной для Junior-разработчиков, а также людей, только начинающих изучать ООП и не имеющих серьёзного практического опыта в программировании.
Читать полностью »
Юзабилити линч: ищем уязвимости интерфейса в CMS Diafan
2016-03-03 в 15:27, admin, рубрики: cms, cms разработка, cms с удобной админкой, usability, админка, баги, веб-дизайн, Веб-разработка, идея, интерфейсы, контролы, ошибки, разработка, тестирование, уязвимость, формы, элементы ввода, юзабилити
Привет. Я уверен, ты всё-таки еще не умираешь! Постараюсь, чтобы данный материал внёс свои 5 коп в фонд развития “Хабр — живи!”.
Я достаточно длительное время занимаюсь дизайном интерфейсов. Люблю своё дело и каждый раз ищу любую возможность развиваться. Поиск ошибок и уязвимостей интерфейсов в рабочих системах, прототипах и приложениях нахожу такой возможностью. Обнаружив несколько типичных ошибок у других, выводы точно отпечатаются в подсознании, что позволит не наступать на подобные грабли вновь в собственной повседневной рутине.
Прошу заранее не судить строго. Обзор носит чисто субъективный характер. Взгляд на данную систему изложен исключительно через призму личного профессионального опыта. Обрадую тем, что будет не только критика — будут предлагаться и решения!
Читать полностью »
От FineReader к решениям для ввода данных: как начиналось направление DataCapture в ABBYY
2016-02-12 в 7:59, admin, рубрики: ABBYY, data capture, Finereader, formreader, Блог компании ABBYY, история, ностальгия, обработка изображений, разработка под windows, формы
Многие знают ABBYY, прежде всего, благодаря нашим массовым программам – Lingvo, FineReader, различным мобильным приложениям. Но при этом очень важным для нас было и остается корпоративное направление. В частности, на базе наших технологий распознавания текстов мы создали решения в области потокового ввода документов и данных. Они нужны всем организациям, имеющим дело с большими объемами документов – от банков и страховых компаний, до государственных ведомств, нефтяных, энергетических, ритейл и многих других компаний. Недавно этому направлению в ABBYY исполнилось 20 лет.
В жизни любой технологической компании бывают периоды, когда бал правят разработчики. Читать полностью »
Делаем веб-формы удобнее для заполнения
2015-04-02 в 1:37, admin, рубрики: autocomplete, chrome, автозаполнение, Блог компании Google, веб-дизайн, Веб-разработка, веб-формы, данные, данные пользователей, Поисковые машины и технологии, сведения, формы Привет! Сегодня для работы в Интернете все чаще используются мобильные устройства, а не компьютеры. При этом, на многих сайтах есть формы для ввода данных, позволяющие совершить покупку или подписаться на рассылку. Как результат, пользователям приходится много раз вводить на разных сайтах такие сведения о себе, как имя, номер телефона и адрес. Удобство веб-форм имеет огромное значение, потому что при работе с ними всегда вероятны ошибки, в результате чего многие пользователи вовсе отказываются от заполнения. Три года назад мы представили функцию автозаполнения в браузере Chrome, которая упрощает ввод данных в формы. Теперь Chrome полностью поддерживает в формах атрибут autocomplete в соответствии с современным стандартом WHATWG HTML. Благодаря этому веб-мастера и разработчики могут помечать поля атрибутами, например name и street-address (имя и адрес), не изменяя интерфейс или другой код сайта. Те, кто реализовал эти возможности, отмечают, что их формы стали заполняться чаще.
Например, если пометить поле для ввода электронного адреса, то код будет выглядеть так:
<input type="text" name="customerEmail" autocomplete="email"/>
HTML-формы. Взгляд бэкенд-разработчика
2014-09-15 в 8:42, admin, рубрики: html, php, бэкенд, Веб-разработка, формы, фронтендПри подготовке материала по Symfony Form я решил уделить некоторое внимание теоретической части по работе с формами со стороны клиента – что они из себя представляют, как ведут себя браузеры при отправке, в каком формате путешествуют, в каком виде поступают на сервер.
Вводная часть несколько растянулась и в итоге вылилась в отдельную небольшую статью, которая, по моему мнению, может быть интересна и другим бэкенд-разработчикам (не только PHP или Symfony).
Читать полностью »
RsValidator — очередная JavaScript библиотека для валидации форм
2014-08-31 в 10:53, admin, рубрики: coffee script, html, javascript, валидация, формыВ процессе разработки очередного проекта с довольно большим количеством форм, в который раз возникла проблема валидации, притом как на стороне клиента, так и на сервере. На поиск готовой библиотеки для фронтенда я убил половину рабочего дня, и в общем-то все безрезультатно. На сервере с этим спокойно справляется symfony 2, а вот подходящей JS библиотеки, на удивление, найти не удалось. Либо не было простой возможности для локализации, либо были строгие требования к html разметке, либо ад из кучи data атрибутов…
В общем, решил попробовать быстренько написать свой простенький велосипед… Разумеется, «быстро» затянулось почти на две недели, а «простая» библиотека каким-то образом стала весить почти 30 кб…
Но результат, на удивление, оказался не очень плохим. И даже, как мне кажется, его не стыдно показать общественности.
RsValidator — простой и удобный в использовании валидатор. Достаточно мощный, но при этом не перегруженный лишней функциональностью.
Если заинтересовало, добро пожаловать под кат!Читать полностью »
Гибкое управление свойствами доступности элементов управления в обычных формах 1С: Предприятия 8.х
2014-03-04 в 11:42, admin, рубрики: 1c:предприятие, интерфейсы, Программирование, разработка, формы, элементы управления, метки: 1c:предприятие, Программирование, формы, элементы управленияНаверное, одной из самых непростых и скучных задач при проектировании обычной формы в «1С: Предприятии» является управление доступностью элементов в зависимости от того или иного набора данных. Мне встречалось очень много решений: от процедуры вроде УстановитьВидимостьДоступность() с включением в нее всех правил для элементов управления, до совершенно хаотично разбросанных по всему коду обращений к указанным свойствам.
Признаюсь честно, я тоже перепробовал различные способы, но в один прекрасный момент дошел до очень удобного и логичного (как мне кажется), который и будет описан в этом посте.
Читать полностью »
Большая книга CSS3
2013-12-23 в 13:23, admin, рубрики: css3, Блог компании Издательский дом «Питер», книга, формы, метки: css3, книга, формыВсем привет! Сегодня в продаже появилась "Большая книга CSS3", которую многие из Вас ждали. Чем она может вас заинтересовать?
- информация подается интересно
- подкрепляется практическими занятиями
- приводится много ссылок на сторонние статьи и ресурсы по изучаемой теме
- автор постоянно делится своими советами и наработками
- уделяется много внимания именно дизайну
- Современный взгляд на дизайн и верстку
- Верстальщиков научит дизайну, дизайнеров научит верстке.
Это третье издание книги, до этого у Макфарланда были изданы книги по CSS достаточно крупными тиражами, но в этой книге, которая вышла со значительными изменениями, некоторые из которых я и сам применил на сайте books.piter.com
C помощью технологии CSS3 (каскадные таблицы стилей) можно создавать уникальные, современные оформления веб-сайтов. Но даже самый опытный веб-разработчик может не знать всех приемов применения CSS3. Прочитав в этой книге множество практических примеров, а также советов, вы перейдете на новый уровень создания сайтов с помощью HTML и CSS. Вы узнаете, как разрабатывать веб-страницы, которые одинаково быстро работают и одинаково выглядят, как на ПК, так и на смартфонах и планшетах.
В книге рассмотрены следующие темы:
- написание HTML5-, CSS3-тегов, которые распознаются во всех браузерах;
- форматирование текста, добавление на страницы навигации;
- создание таблиц и форм;
- приемы веб-дизайна для создания уникального оформления сайтов;
- создание сайтов для любых устройств с помощью адаптивного дизайна.