1С-Битрикс: Веб-форма — применяем свои стили

В этой статье речь пойдет о придании веб-форме 1С-Битрикс соответствующего вида, вписывающего в наш дизайн сайта. Для примера, такой как на приведенном рисунке.

Как известно из руководства по веб-формам, для них можно использовать стандартный шаблон или отредактировать, написав свой. Однако все сталкивались здесь с непривычным для html кодом. Какие то непонятные

<?=$FORM->ShowInput()?> или 
<?=$FORM->ShowSubmitButton()?>

вместо привычных нам input и submit. Как быть?

Идем в руководство разработчика и видим, что вторым параметром можно указать нужным нам css-класс. Потираем ручонки и радуемся, подключив класс созерцаем наше творение.
Но! это еще не все, Вы спросите: «А как же быть с параметрами доступными для тегов, например, placeholder?» Тут нам помогут параметры полей ответов. Открывает форму редактирования вопросов и для нужного нам вопроса переходим на вкладку «Ответ». Там для ответа можно задать параметры через запятую, например:

placeholder="Name"

P.S. Эти опции доступны, если выбран расширенный режим редактирования форм в модуле веб-форм.

При перепубликации активная ссылка на этот блог обязательна.
Поблагодарить автора 🙂
 руб.