Убедитесь, что в меню администратора Acrobat Sign включен Liquid Mode:
- Выберите Настройки отправки > Liquid Mode.
- Настройки можно изменять на уровне учетной записи или группы.
- Настройки можно изменять на уровне учетной записи или группы.
Руководство пользователя Adobe Acrobat Sign
Новые возможности
Начало работы
Администрирование
Отправка, подписание соглашений и управление ими
Расширенные возможности и рабочие процессы для работы с соглашениями
Интеграция с другими продуктами
Разработчик Acrobat Sign
Поддержка и устранение неполадок
Функция подписания документов в Liquid Mode улучшает отображение документов в зависимости от типа устройства пользователя, что сокращает необходимость в изменении масштаба жестами и позволяет сосредоточиться на полях, которые необходимо заполнить.
Документы, поддерживающие Liquid Mode, создаются с двумя представлениями для получателя:
Интерфейс позволяет получателю легко переключаться между представлением для Liquid Mode и традиционным PDF-представлением, и сохраняет подписи, имеющие необходимую юридическую силу.
Документы, поддерживающие Liquid Mode, создаются на основе одного HTML-файла в качестве исходного.
На структуры HTML и полей формы в загруженном HTML-документе действует несколько ограничений. В особенности, обратите внимание на следующее:
Так как в представлении для 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 поддерживается на мобильных телефонах, в дальнейшем поддержка будет расширена.
Убедитесь, что в меню администратора Acrobat Sign включен Liquid Mode:
Отправка одного файла HTML одним из указанных способов:
Для успешного создания документа с представлением в Liquid Mode HTML-документ НЕ должен содержать структур JavaScript.
В тексте HTML-документа можно использовать только следующие теги:
Категория |
HTML-теги |
Атрибуты, влияющие на представление документа в Liquid Mode |
Ограничения |
Заголовки |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
NONE |
|
Разделение содержимого |
<div> |
выравнивание |
|
Разрыв |
<br> |
NONE |
|
Горизонтальная линейка |
<hr> |
NONE |
|
Абзац |
<p> |
выравнивание |
|
Изображения |
<img> |
src, alt, высота, ширина |
См. раздел Поддержка изображений. |
Встроенный текст |
<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup> |
NONE |
|
Упорядоченный список |
<ol>, <li> |
значение, тип, обратный, начало |
|
Неупорядоченный список |
<ul>, <li> |
значение, обратный, начало |
|
Гиперссылка |
<а> |
href |
Протокол URL ограничен значениями http, https и mailto. |
Таблица |
<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup> |
NONE |
1. Вложенные таблицы НЕ поддерживаются. 2. Поля формы в таблицах НЕ поддерживаются. |
Метка поля формы |
<label> |
для |
См. раздел Метки полей формы. |
Группировка полей формы |
NONE |
См. раздел Маркировка групп полей. |
|
Изображения |
<img> |
src, alt, высота, ширина |
Размер изображения и файла 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 текстового тега Acrobat Sign и тег <label> можно объединить следующими способами:
Тип поля формы |
Роль директивы :label |
Роль HTML-тега <label> |
Вложенные файлы, Гиперссылки |
Указывает метку, отображаемую внутри поля формы. |
Тег <label> указывает метку или заголовок поля формы. |
Флажок, Переключатель |
Указывает метку или заголовок поля формы. |
Если директива :label текстового тега Acrobat Sign отсутствует, вместо нее в поле формы появится <label>. Если присутствуют и :label, и <label>, представление документа для Liquid Mode не будет создано. Примеры:
|
Метки для флажков можно указать следующими способами:
Метки для переключателей можно задать следующими способами:
Обычно в формате HTML атрибут «for» ссылается на значение идентификатора поля. В Liquid Mode атрибут «for» используется для обозначения названий полей. Это может привести к неоднозначности клонированных полей формы — там, где существует несколько экземпляров полей формы с одной и той же директивой для текстовых тегов Acrobat Sign. В этом случае необходимо избегать использования атрибута «for» и связывать метки путем заключения текстового тега внутрь элемента <label>.
Так, в описываемом далее примере будут созданы клонированные поля формы с разными метками для каждого из двух экземпляров в представлении «Перекомпоновка» для мобильных устройств:
Если в клонированном поле формы указана метка с атрибутом «for», ссылки неоднозначны и переход становится невозможен. В этом случае представление документа для Liquid Mode не будет создано.
Так, в описываемом далее примере будет создано только PDF-представление:
Метки связаны с одним полем формы. Если необходимо связать метку/подпись с группой полей (в частности, группой кнопок-переключателей), рекомендуется использовать набор полей и элементы условных обозначений. Набор полей используется для группировки элементов, а условные обозначения используются для создания заголовка/метки для группы. В 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;
}
Изображения поддерживаются со следующими ограничениями:
Liquid Mode не поддерживает следующие рабочие процессы Acrobat Sign:
Попытка создания представления документа для Liquid Mode в указанных выше рабочих процессах приводит к созданию документа только с PDF-представлением. Подтверждающее электронное письмо, отправленное отправителю, содержит список причин, по которым не удалось создать представление документа для Liquid Mode.
Если отправитель попытался создать документ с представлением для Liquid Mode, но Acrobat Sign не удалось его создать, отправитель получит электронное письмо, подтверждающее документ, в котором будут указаны конкретные проблемы, в связи с которыми не удалось создать представление для Liquid Mode. Отправитель может решить указанные проблемы и повторить попытку создания документа с представлением для Liquid Mode.
Сообщения о проблемах можно сгруппировать по следующим категориям:
Внутренние ошибки Liquid Mode возникают, когда сервер сталкивается с непредвиденными сбоями при попытке создания представления для Liquid Mode.
Сведения о проблемах, связанных с другими категориями ошибок, можно найти в следующих подразделах:
Если представление для Liquid Mode не удается создать из-за неподдерживаемых структур HTML, подтверждающее электронное письмо, отправленное отправителю, будет содержать одну или несколько указанных далее строк ошибок:
Строки ошибок |
Неподдерживаемый элемент [+имя тега] |
Неподдерживаемый URL-протокол [+url] |
Поля формы в таблицах не поддерживаются [+имя тега] |
Вложенные таблицы не поддерживаются |
Недопустимый дочерний объект метки [+имя тега] |
Дополнительные сведения см. в разделе Поддерживаемые HTML-теги.
Если представление для Liquid Mode не удается создать из-за неподдерживаемых структур текстовых тегов Acrobat Sign, подтверждающее электронное письмо, отправленное отправителю, будет содержать одну или несколько указанных далее строк ошибок:
Строки ошибок |
Не удается найти тег определения для ссылки [+короткое имя] |
Предварительно заполняемые поля не поддерживаются [+имя] |
Внутренние гиперссылки не поддерживаются [+имя] |
Безымянные поля поддерживаются только для флажков |
Поля с одинаковым именем и разными директивами не поддерживаются [+имя] |
Цифровые подписи не поддерживаются [+имя] |
Поля могут не иметь как элемент метки, так и директивы метки [+имя] |
Отсутствует поле формы Sign для текстового тега: [+имя] |
Дополнительные сведения см. в разделе Указание полей формы.
Если представление для Liquid Mode не удается создать из-за неподдерживаемых рабочих процессов Acrobat Sign, подтверждающее электронное письмо, отправленное отправителю, будет содержать одну или несколько указанных далее строк ошибок:
Строки ошибок |
---|
Документ является шаблоном библиотеки |
Документ требует наличия письменной подписи |
В документе включен параметр CFR для основания для подписания |
В документе включен параметр CFR для повторной авторизации электронной подписи |
Дополнительные сведения см. в разделе Указание полей формы.
Основные характеристики формы, в первую очередь затрагиваемые в процессе создания 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>
<body>
<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 -->
{{#REMOVE_PAGE_FROM_OUTPUT}}
<!-- флажок -->
<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>
<!-- Переключатель и условное правило для включения, если установлен флажок «Pay» ->
<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>
<!-- раскрывающийся список -->
{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}
<!-- вычисляемое поле -->
<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}
<!-- проверка форматирования регулярного выражения -->
<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}
<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>
<!-- проверка дат -->
<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.
<label> {{[]}} ДА, Я ХОЧУ ТАКЖЕ ПРИОБРЕСТИ СВОЮ КРЕДИТНУЮ ОЦЕНКУ</label>
<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>
<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)}}