Команды в этом разделе можно использовать для задания стиля формы контакта, создаваемой вами.
Сначала выберите нужный Элемент формы Это можно сделать при помощи выпадающего меню или нажав на нужный пункт в окошке предварительного просмотра.
Можно настроить следующие элементы формы:
|
Тэги— описательный текст поля, который либо сообщает, какая требуется информация, либо содержит вопрос.
|
|
Поля— сюда посетитель вводит требуемую информацию.
|
|
Кнопка 'Отправить' — эти кнопки автоматически добавляются внизу формы контакта. Они предназначены, соответственно, для отправки и удаления всех введенных данных.
|
|
Описание поля и проверка— эти сообщения отображаются в процессе заполнения поля. Они предоставляют дополнительную информацию, указывают на неправильность введенных данных или предлагают посетителю заполнить обязательное поле.
|
Параметры, доступные для этих элементов, перечислены в разделе Стиль:
Для элемента Тэги доступны следующие опции:
▪ | Шрифт— задает шрифт, стиль и размер для текста. Выпадающее меню предлагает: команду, чтобы применить Шрифт по умолчанию (заданные стилем элемента Текст страницы в окне Стиль текста); список безопасных шрифтов, то есть шрифтов, присутствующих во всех устройствах, и для которых, следовательно, не требуется установка; все шрифты Google Fonts и веб-шрифты, добавленные через окно Добавить веб-шрифты которое открывается командой Другие типы шрифтов. |
▪ | Цвет— задает цвет текста. |
▪ | Положение— можно указать, где должна отображаться надпись поля. Доступны три варианта: Отображать заголовки над полями, Отображать заголовки внутри полей и Отображать заголовки полей слева. Если надпись нужно поместить слева от поля, можно задать ее Ширина (%) в качестве процентного соотношения от строки, в которой она отображается и Выравнивание надпись. |
А для элемента Поля доступны следующие опции:
▪ | Рамка— Устанавливает толщину рамки и радиус закругления углов, в том числе каждого по отдельности. |
▪ | Поля— устанавливает значения (в пикселах) внутренних отступов, применяемых к тексту полей формы. |
▪ | Тень— применяется к теням внутри полей, чтобы придать ощущение объемности. |
▪ | Цвета— после того, как определены работы над объектом (поле, выделенное поле, поле ошибки), настраивает цвета для использования в качестве фона, текста и рамки. |
Для элемента Кнопка 'Отправить' доступны следующие опции:
▪ | Контент— указывает текст, который должен отображаться на кнопке «Отправить», вместо надписи по умолчанию. |
▪ | Шрифт— задает шрифт, стиль и размер для текста. Выпадающее меню предлагает: команду, чтобы применить Шрифт по умолчанию (заданные стилем элемента Текст страницы в окне Стиль текста); список безопасных шрифтов, то есть шрифтов, присутствующих во всех устройствах, и для которых, следовательно, не требуется установка; все шрифты Google Fonts и веб-шрифты, добавленные через окно Добавить веб-шрифты которое открывается командой Другие типы шрифтов. |
▪ | Цвет текста / Цвет Фона— указывают цвета, которые должны применяться к тексту и фону текста кнопок. |
▪ | Рамка— устанавливает цвет и толщину рамки, а также радиус закругления углов кнопок. |
▪ | Поля— устанавливает значения (в пикселах) внутренних отступов, применяемых к тексту кнопок. |
▪ | Фоновое изображение— указывает на файл изображения (в форматах .JPG, .GIF или .PNG), используемого в качестве фона. |
▪ | Выравнивание— задает выравнивание вставленных кнопок командами Слева, Центр и Справа. |
И, наконец, для элемента Описание поля и проверка доступны следующие опции:
▪ | Файл пиктограммы для описания— можно импортировать графический файл (формата JPG, GIF или PNG), который будет использоваться в качестве фонового изображения для кнопок. |
▪ | Отображать описание при выборе поля— если включить эту опцию, то при выборе поля будет автоматически показываться дополнительная информация. |
▪ | Во время проверки данных произошла ошибка— можно выбрать вариант показа сообщения по умолчанию в случае ввода в поле неверных данных или незаполнения поля, которое должно быть обязательно заполнено. Доступны три варианта: Показывать диалоговое окно браузера, Показывать внутренние всплывающие окна и Показывать подсказку около неверно заполненного поля. |