Убедитесь, что в меню администратора Acrobat Sign включен Liquid Mode:
- Выберите Параметры отправки > Liquid Mode.
- Настройку можно изменять на уровне учетной записи или группы
- Настройку можно изменять на уровне учетной записи или группы
Последнее обновление
11 июн. 2025 г.
Введение
Функция подписания документов в Liquid Mode улучшает отображение документов в зависимости от типа устройства пользователя, что сокращает необходимость в изменении масштаба жестами и позволяет сосредоточиться на полях, которые необходимо заполнить.
Документы, поддерживающие Liquid Mode, создаются с двумя представлениями для получателя:
- PDF-представление, созданное с использованием всех элементов оформления, содержащихся в загруженном HTML-файле. Такой документ соответствует подписанной версии, доступной для загрузки, как и PDF-представление, которое Adobe Acrobat Sign генерирует для всех документов.
- Представление для Liquid Mode, которое оптимизирует исходный HTML-документ для экранов малых размеров. В режиме Liquid Mode документ отображается в переопределенном стиле, а не в стиле, указанном в исходном HTML-документе.
Интерфейс позволяет получателю легко переключаться между представлением для Liquid Mode и традиционным PDF-представлением, и сохраняет подписи, имеющие необходимую юридическую силу.
Документы, поддерживающие Liquid Mode, создаются на основе одного HTML-файла в качестве исходного.
На структуры HTML и полей формы в загруженном HTML-документе действует несколько ограничений. В особенности, обратите внимание на следующее:
- Документ должен быть создан на основе одного HTML-документа (только один файл).
- Если для создания документа используется несколько документов, создается только PDF-представление.
- Если для создания документа используется несколько документов, создается только PDF-представление.
- HTML-документ не может содержать JavaScript. Использование тегов <script> как встроенного JavaScript, как ссылок на внешние файлы JavaScript или в атрибутах тегов HTML запрещено.
- Если в HTML-документе содержится JavaScript, Acrobat Sign создает только PDF-представление.
- В HTML-документе могут использоваться только поддерживаемые HTML-теги в <body> HTML-документа, как описано в разделе Поддерживаемые HTML-теги.
- Если в тексте HTML-документа присутствуют неподдерживаемые HTML-теги, Acrobat Sign создает только PDF-представление.
Так как в представлении для Liquid Mode выполняется тщательная адаптация, код CSS, указанный в файле HTML, игнорируется (ТОЛЬКО в представлении для Liquid Mode), и только атрибуты поддерживаемых HTML-тегов влияют на представление документа в Liquid Mode. Однако в PDF-представлении такие ограничения отсутствуют. Acrobat Sign использует весь спектр атрибутов, доступных для поддерживаемых тегов, а также CSS, указанный в HTML-документе, для создания PDF-представления.
Запись текстовых тегов Adobe Acrobat Sign используется для указания полей формы в HTML-документе.
Примечание
Если режим Liquid Mode активирован, но представление документа для Liquid Mode по какой-либо причине не может быть создано, документ создается только с PDF-представлением.
Подтверждающее электронное письмо, отправленное отправителю, содержит список причин, по которым не удалось создать представление документа для Liquid Mode.
В настоящее время Liquid Mode поддерживается на мобильных телефонах, в дальнейшем поддержка будет расширена.
Включение/отправка документов, поддерживающих Liquid Mode
Отправка одного файла HTML одним из указанных способов:
- Используя v6 POST /agreement REST API Acrobat Sign
- На странице Отправить в веб-приложении Acrobat Sign
- На странице «Веб-формы» в веб-приложении Acrobat Sign
- Используя v6 POST /widgets REST API Acrobat Sign
Поддерживаемые HTML-теги
Для успешного создания документа с представлением в Liquid Mode HTML-документ НЕ должен содержать структур JavaScript.
В тексте HTML-документа можно использовать только следующие теги:
Категория |
HTML-теги |
Атрибуты, влияющие на представление документа в Liquid Mode |
Ограничения |
Заголовки |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
NONE |
|
Разделение содержимого |
<div> |
align |
|
Разрыв |
<перенос> |
NONE |
|
Горизонтальная линейка |
<hr> |
NONE |
|
Абзац |
<p> |
align |
|
Изображения |
<img> |
src, alt, height, width |
См. раздел Поддержка изображений |
Встроенный текст |
<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup> |
NONE |
|
Нумерованный список |
<ol>, <li> |
value, type, reversed, start |
|
Неупорядоченный список |
<ul>, <li> |
value, reversed, start |
|
Гиперссылка |
<а> |
href |
Протокол URL ограничен значениями http, https и mailto. |
Таблица |
<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup> |
NONE |
1. Вложенные таблицы НЕ поддерживаются. 2. Поля формы в таблицах НЕ поддерживаются. |
Метка поля формы |
<label> |
ввиду того, что |
См. раздел Метки полей формы. |
Группировка полей формы |
NONE |
См. раздел Маркировка групп полей. |
|
Изображения |
<img> |
src, alt, height, width |
Размер изображения и файла HTML должен быть меньше 400 КБ. Поддерживаются следующие форматы: JPEG, PNG, GIF, BMP и TIFF. Источником изображения должен быть URL-адрес HTTPS. |
Указание поля формы
Поля формы необходимо указывать в HTML-документе с помощью текстового тега Adobe Acrobat Sign.
В таблице ниже показаны примеры полей формы с использованием текстовых тегов Acrobat Sign:
Поле |
Текстовые теги Sign |
Поля подписи (подпись, инициалы, блок подписи, штамп) |
{{Sig_es_:signer1:signature}} |
|
{{Int_es_:signer1:initials}} |
|
{{SigB_es_:signer1:signatureblock}} |
|
{{OSig_es_:signer1:optsignature}} |
|
{{OInt_es_:signer1:optinitials}} |
|
{{SigStamp_es_:signer1:stampimage(25)}} |
{{Cmpy_es_:signer1:company}} |
|
|
{{N_es_:signer2:fullname}} |
|
{{Dte_es_:signer1:date}} |
|
{{Em_es_:signer1:email}} |
{{*Ttl_es_:sender:title}} |
|
{{userstamp_es_:signer1:stamp:repeat}} {{transstamp1_es_:transactionid:repeat}} |
|
{{!price}} {{price_es_:readonly}} |
|
{{address_es_:signer1}} {{*city_es_:signer1}} |
|
{{CB1_es_:checkbox(checked)}} |
|
{{(Red)Color_es_:signer1:label(“Red”)}} {{(Blue)Color_es_:signer1:label(“Blue”)}} {{(Green)Color_es_:signer1:label(“Green”)}} |
|
{{Image1_es_:signer1:inlineimage(4)}} |
|
{{Color_es_:signer1:dropdown(options="Red,Green,B lue”, values=”R,G,B”)}} |
|
{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}} |
|
{{*DriversLicense_es_:signer1:attachment}} |
|
| {{Car_color_es:signer1:tooltip('Choose a color')}} | |
{{digsig1_es_:signer1:digitalsignature}} |
|
{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}} |
|
например: {{field_es_:showif(price>60)}} |
|
{{TV_es_:calc([SubTotal]+[Tax])}} |
Примечание
Поддерживаются все структуры полей формы Acrobat Sign за исключением следующих:
Категория |
Неподдерживаемые структуры |
Исключения |
Поле формы цифровой подписи |
:digitalsignature не будет поддерживаться. |
|
Рабочие процессы предварительного заполнения |
Директива :prefill не будет поддерживаться. |
|
Поле формы гиперссылки |
Директива :page(N) не будет поддерживаться. :link с любыми протоколами, кроме http, https и mailto. |
Директивы :signer1 и :everyone будут поддерживаться. |
Безымянные поля формы |
Безымянные поля формы не будут поддерживаться. |
Будут поддерживаться безымянные флажки. |
Переименованные поля формы |
Несколько полей формы с одинаковым именем, но с разными директивами не будут поддерживаться. |
|
Метки поля формы
Каждому полю формы должна быть присвоена соответствующая метка. Хотя метки не являются обязательными для каждого поля формы, настоятельно рекомендуется назначить метки для полей формы.
В частности, в режиме Liquid Mode:
- Метки используются для улучшения визуального представления поля.
- Метка, связанная с полем, содержит подсказки по специальным возможностям. Когда поле находится в фокусе, считыватель экрана будет использовать метку, чтобы озвучить содержание поля пользователю.
- Метку можно нажать, чтобы установить фокус на поле, или, если речь идет о переключателе или флажке, — чтобы переключить значение.
Поля формы можно привязать к меткам с помощью HTML-тега <label> одним из следующих способов:
- Поле формы Acrobat Sign, заключенное в тег <label>.
- <label>Signature: {{sig_es_:signer1:signature}}</label>
- Атрибут «for» тега <label> может ссылаться на имя поля формы, чтобы привязать его к полю формы.
- {{sig_es_:signer1:signature}} … <label for=”sig”>Signature: </label>
Метки, которые не могут быть связаны с полями формы вышеуказанными способами, будут отображаться как несвязанный текст метки.
Кроме того, текстовые теги Acrobat Sign поддерживают директиву :label для следующих типов полей формы:
- Вложенные файлы
- Гиперссылки
- Флажки
- Переключатели
Директиву :label текстового тега Acrobat Sign и тег <label> можно объединить следующими способами:
|
Тип поля формы |
Роль директивы :label |
Роль HTML-тега <label> |
|
Вложенные файлы, Гиперссылки |
Указывает метку, отображаемую внутри поля формы. |
Тег <label> указывает метку или заголовок поля формы. |
|
Флажок, Переключатель |
Указывает метку или заголовок поля формы. |
Если директива :label текстового тега Acrobat Sign отсутствует, вместо нее в поле формы появится <label>. Если присутствуют и :label, и <label>, представление документа для Liquid Mode не будет создано. Примеры:
|
Примечание
Метки для флажков можно указать следующими способами:
- {{CB_es_:checkbox: signer1:label("I agree.")}}
- <label> {{CB_es_:checkbox:signer1}} Принимаю.</label>
- {{CB_es_:checkbox:signer1}} <label for="CB"> Принимаю.</label>
Метки для переключателей можно задать следующими способами:
- {{(Red_v)Color_es_:signer1:label(“Red”)}}
- <label> {{(Red_v)Color_es_:signer1}} Red </label>
- {{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Red</label>
Внимание!
Обычно в формате HTML атрибут «for» ссылается на значение идентификатора поля. В Liquid Mode атрибут «for» используется для обозначения названий полей. Это может привести к неоднозначности клонированных полей формы — там, где существует несколько экземпляров полей формы с одной и той же директивой для текстовых тегов Acrobat Sign. В этом случае необходимо избегать использования атрибута «for» и связывать метки путем заключения текстового тега внутрь элемента <label>.
Так, в описываемом далее примере будут созданы клонированные поля формы с разными метками для каждого из двух экземпляров в представлении «Перекомпоновка» для мобильных устройств:
- <label> Official {{name_of_official_es_:signer1}} </label>
- <label> Name {{name_of_official_es_:signer1}} </label>
Если в клонированном поле формы указана метка с атрибутом «for», ссылки неоднозначны и переход становится невозможен. В этом случае представление документа для Liquid Mode не будет создано.
Так, в описываемом далее примере будет создано только PDF-представление:
- <label for="name_of_official> Official </label> {{name_of_official_es_:signer1}}
- <label for="name_of_official> Name</label> {{name_of_official_es_:signer1}}
Маркировка групп полей
Метки связаны с одним полем формы. Если необходимо связать метку/подпись с группой полей (в частности, группой кнопок-переключателей), рекомендуется использовать набор полей и элементы условных обозначений. Набор полей используется для группировки элементов, а условные обозначения используются для создания заголовка/метки для группы. В Liquid Mode это, как и метка, открывает ряд преимуществ:
- Более наглядное визуальное представление подписи/заголовка, связанных с группой полей
- Удобный доступ. Программы чтения экрана правильно озвучивают группу полей, используя содержимое условных обозначений
Например:
<legend>Выберите предпочтительный основной цвет</legend>
{{(Red)Color_es_:signer1:label("Red")}}<br/>
{{(Blue)Color_es_:signer1:label("Blue")}}<br/>
{{(Green)Color_es_:signer1:label("Green")}}<br/>
</fieldset>
Примечание
В большинстве документов автору не требуется визуализация набора полей по умолчанию.
Ограничительную рамку можно удалить с помощью этого кода CSS:
fieldset {
border: none;
margin: 0;
padding: 0;
}
Поддержка изображений
Изображения поддерживаются со следующими ограничениями:
- Поддерживается только элемент <img>.
- Атрибут src элемента <img> может быть предоставлен в качестве встроенных данных (data: схема) или как URL-адрес веб-страницы (https: только схема).
- Поддерживаются следующие форматы: JPEG, PNG, GIF, BMP и TIFF.
- Для анимированных GIF-файлов первый кадр будет использоваться в качестве статического изображения.
- Размер изображения, полученного из URL-адреса веб-страницы, ограничен до 5 МБ.
Неподдерживаемые рабочие процессы Acrobat Sign
Liquid Mode не поддерживает следующие рабочие процессы Acrobat Sign:
- Создание документов из нескольких документов
- Создание документов из документов в любом другом формате, кроме HTML
- Создание документа на основе шаблонов библиотек
- Создание документа в режиме ЧЕРНОВИК или АВТОРИНГ
- Рабочие процессы цифровой подписи
- Рабочие процессы рукописной подписи
- Рабочие процессы редактирования во время работы
- Рабочие процессы из групп, где флажок «Предварительный просмотр» установлен по умолчанию
- Документы с включенными основаниями для подписания
- Документы, настроенные на аутентификацию подписанта при каждом нажатии на поле подписи
Попытка создания представления документа для Liquid Mode в указанных выше рабочих процессах приводит к созданию документа только с PDF-представлением. Подтверждающее электронное письмо, отправленное отправителю, содержит список причин, по которым не удалось создать представление документа для Liquid Mode.
Уведомление об ошибке в Liquid Mode
Если отправитель попытался создать документ с представлением для Liquid Mode, но Acrobat Sign не удалось его создать, отправитель получит электронное письмо, подтверждающее документ, в котором будут указаны конкретные проблемы, в связи с которыми не удалось создать представление для Liquid Mode. Отправитель может решить указанные проблемы и повторить попытку создания документа с представлением для Liquid Mode.
Сообщения о проблемах можно сгруппировать по следующим категориям:
- Неподдерживаемые структуры HTML
- Неподдерживаемые текстовые теги Acrobat Sign
- Неподдерживаемые рабочие процессы Acrobat Sign
- Внутренняя ошибка Liquid Mode
Внутренние ошибки Liquid Mode возникают, когда сервер сталкивается с непредвиденными сбоями при попытке создания представления для Liquid Mode.
Сведения о проблемах, связанных с другими категориями ошибок, можно найти в следующих подразделах:
Если представление для Liquid Mode не удается создать из-за неподдерживаемых структур HTML, подтверждающее электронное письмо, отправленное отправителю, будет содержать одну или несколько указанных далее строк ошибок:
|
Строки ошибок |
|
Неподдерживаемый элемент [+имя тега] |
|
Неподдерживаемый URL-протокол [+url] |
|
Поля формы в таблицах не поддерживаются [+имя тега] |
|
Вложенные таблицы не поддерживаются |
|
Недопустимый дочерний объект метки [+имя тега] |
Дополнительные сведения см. в разделе Поддерживаемые HTML-теги.
Если представление для Liquid Mode не удается создать из-за неподдерживаемых структур текстовых тегов Acrobat Sign, подтверждающее электронное письмо, отправленное отправителю, будет содержать одну или несколько указанных далее строк ошибок:
|
Строки ошибок |
|
Не удается найти тег определения для ссылки [+короткое имя] |
|
Предварительно заполняемые поля не поддерживаются [+имя] |
|
Внутренние гиперссылки не поддерживаются [+имя] |
|
Безымянные поля поддерживаются только для флажков |
|
Поля с одинаковым именем и разными директивами не поддерживаются [+имя] |
|
Цифровые подписи не поддерживаются [+имя] |
|
Поля могут не иметь как элемент метки, так и директивы метки [+имя] |
|
Отсутствует поле формы Sign для текстового тега: [+имя] |
Дополнительные сведения см. в разделе Указание полей формы.
Если представление для Liquid Mode не удается создать из-за неподдерживаемых рабочих процессов Acrobat Sign, подтверждающее электронное письмо, отправленное отправителю, будет содержать одну или несколько указанных далее строк ошибок:
|
Строки ошибок |
|---|
|
Документ является шаблоном библиотеки |
|
Документ требует наличия письменной подписи |
|
В документе включен параметр CFR для основания для подписания |
|
В документе включен параметр CFR для повторной авторизации электронной подписи |
Дополнительные сведения см. в разделе Указание полей формы.
Образец HTML-документа: запрос отчета о кредитных операциях
Основные характеристики формы, в первую очередь затрагиваемые в процессе создания Liquid Mode:
- Документы с большими блоками текста, для которых может требоваться частое изменение масштаба
- Формы, в которых поля не перекрываются и приемлема компоновка полей режима Liquid Mode
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sample Title</title>
<link rel="stylesheet" href="css/all.css">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
float: left;
}
h2 {
margin: 10px 0;
font-size: 13px;
margin: 20px 0 0 0;
}
h3 {
margin: 0;
font-size: 12px;
}
ul {
margin: 0;
}
li {
margin-bottom: 3px;
padding-left: 5px;
}
p {
margin: 4px 0;
}
.header {
border-bottom: 2px solid #000;
margin: 0 5px 15px 5px;
}
.header h1 {
font-weight: 700;
margin: 0;
font-size: 15px;
}
.body {
border: 1px solid #000;
padding: 0 5px 10px 5px;
}
.страница {
padding: 0 25px;
margin: 0 auto;
}
.txt_logo {
font-size: 30px;
color:blue;
font-style:oblique
}
.textTag {
padding: 9px 0;
border-bottom: 2px solid #000;
margin: 0 -4px 5px 0
}
.underline {
text-decoration: underline;
font-weight: 700;
font-size: 12px
}
.columns-2 .item {
width: 49%
}
.columns-3 .item {
width: 33%
}
.item {
display: inline-block
}
.address .item {
width: 16%
}
.item.big {
width: 30%
}
.checkbox {
margin: 15px 0
}
.checkbox span {
font-weight: 700;
font-size: 11px
}
.card-info label {
width: 12%;
font-size: 11px;
text-transform: capitalize
}
.card-info p {
border-bottom: 1px solid #000;
margin-right: 10px;
padding-bottom:5px;
display: inline-block
}
.card-number {
width: 40%;
}
.expiry-date {
width: 25%;
}
.radio-button label {
width: 55%
}
.radio-button .item {
width: 16%
}
.note {
font-size: 12px
}
.footer {
padding: 0 10px;
font-size: 11px;
}
</style>
</head>
<текст>
<div class="page">
<div class="header">
<h2 class="txt_logo"><b>КОМПАНИЯ SAMPLE COMPANY</b></h2>
<h1 class="h1_header">ОБРАЗЕЦ ЗАЯВЛЕНИЯ НА ПОЛУЧЕНИЕ БЕСПЛАТНОГО ОТЧЕТА О КРЕДИТНЫХ ОПЕРАЦИЯХ </h1>
</div>
<div class="body">
<h3>Образец: важная информация и указания:</h3>
<p> Для защиты ваших персональных данных мы выполним проверку вашей личности перед отправкой отчета о кредитных операциях на ваш <u>подтвержденный</u>
домашний адрес. Необходимо предоставить фотокопию лицевой и оборотной стороны:</p>
<ul class="info">
<li class="info__item">Двух удостоверений личности государственного образца</li>
<li class="info__item">Если ваш адрес не является актуальным ни в одном из удостоверений личности, <u>также</u> необходимо предоставить дополнительный документ, в котором указан <u>текущий домашний адрес</u> (например, счет за коммунальные услуги.</li>
<li class="info__item">Если вы предоставляете свой <b>номер социального страхования</b>, мы сверим его с собственными записями, чтобы гарантировать предоставление вам корректной информации. Знание этого номера помогает избежать задержек и путаницы в случаях, если идентификационные данные другого лица (например, имя и адрес) аналогичны предоставленным вами.</li>
<li class="info__item">Если вы предоставляете выписку по <b>счету кредитной карты</b> или копию своей <b>кредитной карты</b> в качестве доказательства, обязательно <b>скройте</b> свои персональные данные.</li>
</ul>
<p>Данные, которые вы предоставляете в форме, будут использованы для подтверждения вашей личности и могут также использоваться для обновления отчета о кредитных операциях. Такая обновленная информация будет сохранена, защищена, использована и/или раскрыта в обычном порядке в рамках вашего кредитного досье. Для получения дополнительной информации о практиках компании SAMPLE COMPANY обратитесь к нашей «Политике конфиденциальности» по адресу https://www.adobe.com/ru/privacy/policy.html. Для ясности, в любом случае мы сохраняем копию предоставленной вами информации для подтверждения соблюдения своих обязательств по получению от вас разумных идентификационных данных.
</p>
<p>Отправьте заполненную форму с подтверждением личности по адресу: <b>Lorem inseam dolor sit amen, consenttetur</b>или по факсу: <b>XXX-XX-XXXX.</b>Доставка может занимать X–Y дн. Если необходимо внести какие-либо изменения в отчет о ваших кредитных операциях, заполните прилагаемую к пакету форму «Обновление отчета о кредитных операциях» или посетите сайт <a href="http://sampleurl">SampleURL</a> и нажмите «Как отправить что-либо» в разделе «Помощь по образцам».
</p>
</div>
<div class="form">
<div class="columns-3">
<div class="item">
<p class="textTag">{{*LastName_es_:signer1}}</p>
<label for="LastName">ФАМИЛИЯ </label>
</div>
<div class="item">
<p class="textTag">{{*FirstName_es_:signer1}}</p>
<label for="FirstName">ИМЯ, ИНИЦИАЛЫ</label>
</div>
<div class="item">
<p class="textTag">{{Suffix_es_:signer1}}</p>
<label for="Suffix">СУФФИКС (ст., мл. и т. д.)</label>
</div>
</div>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddress_es_:signer1 }}</p>
<label for="StreetAddress">ТЕКУЩИЙ АДРЕС ПРОЖИВАНИЯ </label>
</div>
<div class="item">
<p class="textTag">{{*Apt_es_:signer1}}</p>
<label for="Apt">КВ.</label>
</div>
<div class="item">
<p class="textTag">{{*City_es_:signer1}}</p>
<label for="City">ГОРОД</label>
</div>
<div class="item">
<p class="textTag">{{*Prov_es_:signer1}}</p>
<label for="Prov">РЕГИОН</label>
</div>
<div class="item">
<p class="textTag">{{*Zip_es_:signer1:zip}}</p>
<label for="Zip">ПОЧТОВЫЙ ИНДЕКС</label>
</div>
</div>
<h2>ПРЕЖНИЕ АДРЕСА ЗА ПОСЛЕДНИЕ 3 ГОДА</h2>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddressPr_es_:signer1 }}</p>
<label for="StreetAddressPr">ПРЕЖНИЙ АДРЕС ПРОЖИВАНИЯ </label>
</div>
<div class="item">
<p class="textTag">{{*AptPr_es_:signer1}}</p>
<label for="AptPr">КВ.</label>
</div>
<div class="item">
<p class="textTag">{{*CityPr_es_:signer1}}</p>
<label for="CityPr">ГОРОД</label>
</div>
<div class="item">
<p class="textTag">{{*PrvPr_es_:signer1}}</p>
<label for="PrvPr">РЕГИОН</label>
</div>
<div class="item">
<p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>
<label for="ZipPr">ПОЧТОВЫЙ ИНДЕКС</label>
</div>
</div>
<div>
<p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>
<label for="EmailAddress">ЭЛ. ПОЧТА</label>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$DATEOFBIRTH}}</p>
<label for="Date">ДАТА РОЖДЕНИЯ </label>
</div>
<div class="item">
<p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>
<label for="SocialSecurityNumber">СНИЛС:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$NAMEMAJORCARD}}</p>
<label for="NameMajorCard">ИМЯ НА ОСНОВНОЙ КРЕДИТНОЙ КАРТЕ:</label>
</div>
<div class="item">
<p class="textTag">{{$LAST4}}</p> <label for="Last4">ПОСЛЕДНИЕ 4 ЦИФРЫ НА ОСНОВНОЙ КРЕДИТНОЙ КАРТЕ:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Подпись</label>
</div>
<div class="item">
<p class="textTag">{{*DateOfSignature_es_:signer1:date}}</p><label for="DateOfSignature">Дата</label>
</div>
</div>
<div class="checkbox">
<label class="underline">{{$PAY}} ДА, Я ХОЧУ ТАКЖЕ ПРИОБРЕСТИ СВОЮ КРЕДИТНУЮ ОЦЕНКУ* У Sample Company ЗА X,XX ДОЛЛ. США (с учетом налогов)</label>
</div>
<fieldset>
<legend> Я разрешаю Sample Company взыскать сумму платежа с моей кредитной карты:</legend>
<div class="radio-button">
<div class="item"><label>{{$V}}Visa</label></div>
<div class="item"><label>{{$M}}MasterCard</label></div>
<div class="item"><label>{{$A}}AMEX</label></div>
</div>
</legend>
<div class="card-info">
<label for="CardholderName">Имя держателя карты:</label>
<p>{{$CALCULATEDCARDHOLDERNAME}}</p>
</div>
<div class="card-info">
<label for="CardNumber">Номер карты:</label>
<p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Дата истечения срока действия:</label>
<p class="expiry-date">{{$EXPIRYDATE}}</p>
</div>
<div class="note">
<p>Примечание. Оплата чеком и наличными не принимается. Имя держателя карты должно совпадать с именем запрашивающего лица.</p>
</div>
</div>
<div class="footer">
<p>* XY от Sample Company — продукт, который используют некоторые поставщики услуг при оценке приложений для кредитования и услуг. Он не входит в ваш отчет о кредитных операциях, но основан на конкретной информации, содержащейся в вашем кредитном досье, на момент его расчета. Lorem Ipsem не совпадает с Lorem Ipsem, который также используется некоторыми кредиторами. Sample Company предоставляет вам бесплатный образец отчета независимо от того, приобретаете ли вы ваш Lorem Ipsem. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sample Company может предоставить дополнительные услуги:</b>Образец адреса Телефон: 1-XXX-XXX-XXXX Телефон в образце: 1-XXX-XXX-XXXX</p>
</div>
</div>
<!-- PAGE BREAK -->
<div style="page-break-after:always"></div>
<!-- SIGN Text Tag Definitions -->
{{#REMOVE_PAGE_FROM_OUTPUT}}
<!-- check box -->
<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>
<!-- radio button and conditional rule to enable if Pay is checked -->
<p>{{#V=(Visa)CCard_es_:signer1:enableif(Pay=checked)}}</p>
<p>{{#M=(MasterCard)CCard_es_:signer1:enableif(Pay=checked)}}</p>
<p>{{#A=(AMEX)CCard_es_:signer1:enableif(Pay=checked)}}</p>
<!-- drop down -->
{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}
<!-- calculated field -->
<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}
<!-- regular expression fromatting validation -->
<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}
<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>
<!-- date validations -->
<p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>
<p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>
</body>
</html>
Представление документа:
Известные проблемы и часто задаваемые вопросы
При написании HTML рекомендуется выполнить неоднократное тестирование html, чтобы убедиться в отсутствии ошибок и соответствии документа общим критериям потока, прежде чем отправлять его получателям.
Элементы HTML в HTML-документе должны соответствовать порядку чтения документа.
Разрывы страниц в документе должны быть явно указаны с помощью свойства CSS «page-break-after», как показано ниже:
<div style="page-break-after:always"></div>
Обновление документа с учетом перекомпоновки может улучшить общее качество работы с мобильных устройств. Если вы НЕ рассматриваете возможность обновления документа, вам следует придерживаться общего внешнего вида исходного PDF-документа, за некоторыми исключениями:
В режиме Liquid Mode специальные действия с артефактами на уровне страниц не предусмотрены. Если на уровне страницы в HTML-документе присутствуют артефакты, такие как верхние, нижние колонтитулы, водяные знаки и т. д., они могут отображаться в представлении «Перекомпоновка» в середине перекомпонованного содержимого.
Если форма содержит инструкции по заполнению полей формы, такие как «НЕОБХОДИМА ПЕЧАТЬ» или «НЕ ОБЯЗАТЕЛЬНО», или инструкции по форматированию, такие как «дд/мм/гггг», не включайте текст в HTML — некоторые сведения, такие как инструкции по форматированию «дд/мм/гггг» или указание на то, что поле формы является «НЕ ОБЯЗАТЕЛЬНЫМ», должны быть указаны в спецификации поля формы с помощью текстовых тегов.
Для некоторых текстов может потребоваться сбор комбинированных наборов информации. Разделение их на несколько полей формы упростит использование. Например, в приведенном выше образце документа «ИМЯ И ПОСЛЕДНИЕ 4 ЦИФРЫ НА ОСНОВНОЙ КРЕДИТНОЙ КАРТЕ» разделено на «ИМЯ НА ОСНОВНОЙ КРЕДИТНОЙ КАРТЕ» и «ПОСЛЕДНИЕ 4 ЦИФРЫ НА ОСНОВНОЙ КРЕДИТНОЙ КАРТЕ».
Используйте только поддерживаемые HTML-теги, перечисленные выше. См. раздел, посвященный структурам HTML.
Используйте относительные координаты и размещение, такие как {width: 30%} (ширина: 30%), чтобы обеспечить перекомпоновку HTML с учетом ширины экрана устройства. Абсолютная ширина страницы не должна присутствовать в CSS.
Если PDF-файл содержит структуру таблицы или списка, соответствующее представление HTML должно также быть таблицей или списком. Единственным исключением являются таблицы с полями формы. Если таблица содержит поля формы, то эта же информация должна быть предоставлена не в виде таблиц.
Для более эффективного интерактивного заполнения форм настоятельно рекомендуется, составлять поля формы с использованием всех проверок, выражений форматирования и условных правил, а также формулы расчета, которые предусматривают текстовые теги Sign.
- Имена полей формы должны быть уникальными, если они представляют различные объекты.
- Настоятельно рекомендуется, чтобы в каждом поле формы была указана метка, как путем включения в нее поля формы, так и с помощью атрибута «for».
- Если поле формы является НЕ ОБЯЗАТЕЛЬНЫМ, это должно быть указано в текстовых тегах Sign. Например:
- {{*S.I.N_es_:signer1}} соответствует обязательному полю
- {{S.I.N_es_:signer1}} соответствует не обязательному полю
- {{*S.I.N_es_:signer1}} соответствует обязательному полю
- Текстовые теги Sign предусматривают различные проверки для индекса, номера социальной защиты, даты, электронной почты, значений валют с проверками диапазона, максимальной длины и т. д. Используйте их.
- Текстовые теги Sign также включают форматирование для поля формы, например формат даты, формат валюты и т. д. Настоятельно рекомендуется использовать их.
- Все флажки должны содержать метки, связанные с ними, например:
<label> {{[]}} ДА, Я ХОЧУ ТАКЖЕ ПРИОБРЕСТИ СВОЮ КРЕДИТНУЮ ОЦЕНКУ</label>
- Если в бумажном документе/PDF присутствуют поля формы, похожие на флажки, но содержащие взаимно исключающие значения, такие как вопросы «Да/Нет» или «Visa/MasterCard/AMEX», объедините все поля формы в группу, чтобы преобразовать их в поле формы типа «переключатель» или «раскрывающийся список» вместо отдельных флажков и включить метку/заголовок
<fieldset>
<legend>Способы оплаты:</legend>
{{#VISA=(Visa)CCard_es_:label("Visa"):signer1:enableif(Pay=checked)}}
({#MCARD=(MasterCard)CCard_es_:label("MasterCard"):signer1:enableif(Pay=checked)}}
{{#AMEX=(AMEX)CCard_es_:label("AMEX"):signer1:enableif(Pay=checked)}}
</fieldset>
- Текстовые теги Sign также определяют размеры полей формы на отображаемой странице с учетом размеров текстового тега отображаемого текста Sign на странице. Спецификация текстового тега Sign позволяет сократить размеры поля формы. Выполните поиск по фразе «Сокращение текстовых тегов» и «Длинные текстовые теги» на странице https://helpx.adobe.com/ru/sign/using/text-tag.html. Популярный способ заключается в определении раздела в конце HTML-документа, который содержит теги определения для действительно длинных текстовых тегов, и использовании тегов примечаний в основном тексте HTML. Вот несколько примеров меток определений:
<div style="page-break-after:always"></div>
{{#REMOVE_PAGE_FROM_OUTPUT}}
{{#CCARDDROPDOWN=*ccardDropDown_es_:dropdown(options="Visa,MasterCard,AMEX")}}
{{#VI=*(Visa)CCard_es_:signer1}}
{{#MC=*(MasterCard)CCard_es_:signer1}}
{{#AM=*(AMEX)CCard_es_:signer1}}
{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format(dd/mm/yy)}}
Оптимизируйте свою работу с помощью Acrobat Sign
Легко и быстро управляйте документами и подписывайте их в Интернете.
