Liquid Mode til Mobil webunderskrivelse

Sidst opdateret den 11. jun. 2025

Introduktion

Liquid Mode forbedrer visningen af dine dokumenter, baseret på modtagerens enhedstype, hvilket reducerer behovet for at knibe og zoome og nemmere fokusere på de felter, der skal udfyldes.

Liquid Mode-kompatible aftaler genereres med to visninger for modtageren:

PDF-visning, der oprettes ved hjælp af alle de stylingoplysninger, der findes i den uploadede HTML. Dette svarer til den underskrevne version af aftalen, der kan downloades – ligesom den PDF-visning, som Adobe Acrobat Sign genererer for alle aftaler
Liquid Mode-visning, der automatisk tilpasser HTML-dokumentet og er optimeret til små skærmestørrelser. Liquid Mode-visningen præsenterer en stærkt samlet oplevelse, der tilsidesætter den styling, der er angivet i det originale HTML-dokument

I grænsefladen kan din modtager nemt skifte mellem Liquid Mode og traditionelle PDF-visninger af dokumentet afhængigt af dennes præference, og der sikres de samme juridisk bindende signaturer, som du forventer.

Liquid Mode-kompatible aftaler oprettes med en enkelt HTML-fil som kildeindholdet.

Der er et par begrænsninger for HTML- og formfeltkonstruktionerne i det uploadede HTML-dokument. Særligt:

Aftalen skal oprettes med et enkelt HTML-dokument (kun én fil)
- Hvis der bruges mere end ét dokument til at oprette aftalen, genereres der kun en PDF-visning
HTML-dokumentet må ikke indeholde JavaScript. Brug af <script>-tags, enten som inline JavaScript eller som reference til eksterne JavaScript-filer eller i attributter til HTML-tags, er ikke tilladt
- Hvis der findes JavaScript i HTML-dokumentet, opretter Acrobat Sign kun PDF-visningen
HTML-dokumentet kan kun bruge de understøttede HTML-tags i <body> af HTML-dokumentet som beskrevet i afsnittet Understøttede HTML-tags
- Hvis ikke-understøttede HTML-tags findes i brødteksten af HTML-dokumentet, opretter Acrobat Sign kun PDF-visningen

Da Liquid Mode-visningen har en meget samlet oplevelse, ignoreres CSS, som er angivet i HTML-filen (KUN for Liquid Mode-visningen), og kun attributterne for de understøttede HTML-tags påvirker visningen i Liquid Mode. Der er dog ingen sådanne begrænsninger for PDF-visningen. Acrobat Sign bruger det fulde spektrum af attributter, der er tilgængelige for de understøttede tags, samt CSS, som er specificeret i HTML-dokumentet, til at generere PDF-visningen.

Adobe Acrobat Sign-teksttag-notationen bruges til at specificere formularfelterne i HTML-dokumentet.

Note

Hvis Liquid Mode-funktionen er aktiveret, men Liquid Mode-visningen ikke kan genereres af en eller anden grund, oprettes aftalen kun med PDF-visningen.

Bekræftelsesmailen, der er sendt til afsenderen, vil angive årsagerne til, at Liquid Mode-visningen ikke kunne genereres.

Liquid Mode understøttes i øjeblikket på mobiltelefoner med yderligere understøttelse under udvikling.

Aktivér/send Liquid Mode-kompatible aftaler

Sørg for, at Liquid Mode er aktiveret i Acrobat Sign-administratormenuen:

Gå til Afsendelsesindstillinger > Liquid Mode
- Indstillingen kan ændres på konto- eller gruppeniveau

Afsendelse af en enkelt HTML-fil via en af følgende metoder:

Brug af Acrobat Sign v6 POST /agreement REST API
På siden Send side i Acrobat Sign-webappen
Fra Webforms-siden i Acrobat Sign-webapp.
Brug af Acrobat Sign v6 POST /widgets REST API

Understøttede HTML-tags

For at kunne oprette en aftale med Liquid Mode-visningen, må HTML-dokumentet IKKE indeholde JavaScript-konstruktioner.

Kun følgende tags kan bruges i HTML-dokumentets brødtekst:

Kategori	HTML-tags	Attributter, der påvirker Liquid Mode-visningen	Begrænsninger
Overskrifter	<h1>, <h2>, <h3>, <h4>, <h5>, <h6>	INGEN
Indholdsafdeling	<div>	juster
Opdel	<br>	INGEN
Vandret regel	<hr>	INGEN
Afsnit	<p>	juster
Billeder	<img>	src, alt, højde, bredde	Se sektionen "Billedunderstøttelse"
Indbygget tekst	<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup>	INGEN
Bestilt liste	<ol>, <li>	værdi, type, omvendt, start
Ikke-sorteret liste	<ul>, <li>	værdi, omvendt, start
Hyperlink	<a>	href	URL-protokollen er begrænset til http, https og mailto
Tabel	<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup>	INGEN	1. Indlejrede tabeller er IKKE understøttet 2. Formularfelter i tabeller er IKKE understøttet
Formularfeltetiket	<label>	i	Se afsnittet "Formularetiketter".
Formularfeltgruppering	<fieldset>, <legend>	INGEN	Se afsnittet "Mærkning af feltgrupper".
Billeder	<img>	src, alt, højde, bredde	Billedets størrelse plus hele HTML skal være mindre end 400KB. Følgende formater understøttes: JPEG, PNG, GIF, BMP og TIFF. Billedkilden skal være en HTTPs-URL.

Formularfeltspecifikation

Formularfelter skal specificeres i HTML-dokumentet via Adobe Acrobat Sign-teksttag-notationen.

Tabellen nedenfor viser eksempler på formularfelter via Acrobat Sign-teksttags:

Felt	Sign-teksttags
Signaturfelter (Signatur, Initialer, Signaturblok, Stempel)	{{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)}}
Underskriverfelter	{{Cmpy_es_:signer1:company}}
	{{N_es_:signer2:fullname}}
	{{Dte_es_:signer1:date}}
	{{Em_es_:signer1:email}}
Afsenderfelter	{{*Ttl_es_:sender:title}}
Deltagelsesstempel og transaktions-id	{{userstamp_es_:signer1:stamp:repeat}} {{transstamp1_es_:transactionid:repeat}}
Skrivebeskyttet felt	{{!price}} {{price_es_:readonly}}
Tekstinput	{{address_es_:signer1}} {{*city_es_:signer1}}
Afkrydsningsfelter	{{CB1_es_:checkbox(checked)}}
Alternativknap	{{(Red)Color_es_:signer1:label(“Red”)}} {{(Blue)Color_es_:signer1:label(“Blue”)}} {{(Green)Color_es_:signer1:label(“Green”)}}
Billede	{{Image1_es_:signer1:inlineimage(4)}}
Rullemenu	{{Color_es_:signer1:dropdown(options="Red,Green,Blue”, values=”R,G,B”)}}
Hyperlink	{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}}
Vedhæftet fil	{{*DriversLicense_es_:signer1:attachment}}
Værktøjstip	{{Car_color_es:signer1:tooltip('Choose a color')}}
Digital signatur	{{digsig1_es_:signer1:digitalsignature}}
Feltvalidering	{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}}
Betingede regler	f.eks. {{field_es_:showif(price>60)}}
Beregnede felter	{{TV_es_:calc([SubTotal]+[Tax])}}

Note

Alle Acrobat Sign-formularfeltkonstruktioner understøttes undtagen følgende:

Kategori	Ikke-understøttede konstruktioner	Undtagelser
Formularfelt til digital signatur	:digitalsignature vil ikke være understøttet
Workflows for forudfyldning	Direktivet :prefill vil ikke være understøttet.
Hyperlinkformularfelt	Direktivet :page(N) vil ikke være understøttet. :link med andre protokoller end http, https og mailto.	Direktiverne :signer1 og :everyone vil ikke være understøttet.
Unavngivne formularfelter	Unavngivne formularfelter vil ikke være understøttet.	Unavngivne afkrydsningsfelter vil ikke være understøttet.
Omdøbte formularfelter	Flere formularfelter med samme navn, men forskellige direktiver, vil ikke være understøttet.

Formularfeltetiketter

Hvert formularfelt skal have en tilknyttet etiket. Selvom etiketter ikke er obligatoriske for hvert formularfelt, anbefales det kraftigt, at formularfelter har etiketter.

Specifikt i Liquid Mode:

Etiketter bruges til at forbedre den visuelle repræsentation af feltet
En etiket tilknyttet et felt giver tilgængelighedstips. Når et felt har fokus, bruger en skærmlæser etiketten til at annoncere feltet for brugeren
Der kan klikkes på en etiket for at indstille fokus på et felt, eller i tilfældet med en alternativknap eller et afkrydsningsfelt skifter værdien ved at klikke på etiketten

Formularfelter kan bindes til etiketter ved hjælp af HTML <label>-tagget på én af følgende måder:

Acrobat Sign-formularfelt lukket inde i et <label>-tag
- <label>Signatur: {{sig_es_:signer1:signature}}</label>
<label>-taggets "for"-attribut kan referere til formularfeltets navn for at binde det til et formularfelt.
- {{sig_es_:signer1:signature}} … <label for=”sig”>Signatur: </label>

Etiketter, der ikke kan bindes med formularfelter af ovenstående regler, gengives som en ubundet etikettekst.

Desuden understøtter Acrobat Sign-teksttags direktivet :label for formularfelttyperne:

Vedhæftede filer
Hyperlinks
Afkrydsningsfelter
Alternativknapper

Acrobat Sign-teksttagdirektivet :label og <label>-tagget kan kombineres på følgende måder:

Formularfelttype	Rolle for direktivet :label	Rolle for HTML <label>-tagget
Vedhæftede filer, Hyperlinks	Angiver den etiket, der er vist inden i formularfeltets boks.	<label>-tagget angiver etiketten eller overskriften til formularfeltet.
Afkrydsningsfelt, Mulighed for alternativknap	Angiver etiketten eller overskriften til formularfeltet.	Hvis Acrobat Sign-teksttagdirektivet :label er fraværende, vil <label> tage dets plads for formularfeltet. Hvis både :label og <label> er til stede, vil Liquid Mode-visningen ikke kunne oprettes. Eksempler: {{CB_es_:checkbox: signer1:label("Jeg accepterer.")}} <label for=” CB”> Ja</label> {{(Red_v)Color_es_:signer1::label(“Red Color”)} <label for=”(Red_v)Color”>Rød</label>

Note

Etiketter kan angives for afkrydsningsfelter på følgende måder:

{{CB_es_:checkbox: signer1:label("Jeg accepterer.")}}
<label> {{CB_es_:checkbox:signer1}} Jeg accepterer.</label>
{{CB_es_:checkbox:signer1}} <label for="CB"> Jeg accepterer.</label>

Etiketter kan angives til muligheder for alternativknap på følgende måder:

{{(Red_v)Color_es_:signer1:label(“Red”)}}
<label> {{(Red_v)Color_es_:signer1}} Rød </label>
{{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Rød</label>

Forsigtig

Normalt i HTML henviser attributten "for" til en felt-id-værdi. Liquid Mode anvender "for"-attributten til at henvise til feltnavne. Dette kan forårsage tvetydighed for klonede formularfelter – hvor der er flere forekomster af formularfelter med nøjagtigt det samme Acrobat Sign-teksttagdirektiv. I dette tilfælde skal vi undgå at bruge attributten "for", og vi skal associere etiketter ved at omslutte teksttagget i et <label>-element.

Følgende brug vil f.eks. oprette klonede formularfelter med forskellige etiketter for hver af de to forekomster i mobilvisningen med dynamisk tilpasning:

<label> Official {{name_of_official_es_:signer1}} </label>
<label> Navn {{name_of_official_es_:signer1}} </label>

Hvis et klonet formularfelt angiver en etiket via en "for"-attribut, er henvisningerne tvetydige og kan ikke afhjælpes. I dette tilfælde oprettes der ikke en Liquid Mode-visning.

Følgende brug vil f.eks. kun oprette en PDF-visning:

<label for="name_of_official> Official </label> {{name_of_official_es_:signer1}}
<label for="name_of_official> Navn</label> {{name_of_official_es_:signer1}}

Mærkning af feltgrupper

Etiketter er associeret med et enkelt formularfelt. Når vi vil associere en etiket/billedtekst med en gruppe af felter (primært grupper af alternativknapper), anbefaler vi at bruge feltsæt og forklaringselementer (legend). Feltsættet bruges til at gruppere elementerne, og forklaringen bruges til at give gruppen en billedtekst/etiket. Svarende til etiket er fordelene i Liquid Mode:

En visuel repræsentation af en billedtekst/overskrift associeret med gruppen af felter
En god tilgængelighedsoplevelse. Skærmlæsere vil korrekt annoncere gruppen af felter ved hjælp af forklaringsindholdet

For eksempel:

<fieldset>

<legend>Vælg din foretrukne primærfarve</legend>

{{(Red)Color_es_:signer1:label("Red")}}<br/>

{{(Blue)Color_es_:signer1:label("Blue")}}<br/>

{{(Green)Color_es_:signer1:label("Green")}}<br/>

</fieldset>

Note

For de fleste dokumenter ønsker forfatteren ikke standardgengivelsen af et feltsæt.

Afgrænsningsboksen kan fjernes med denne CSS:

fieldset {

border: none;

margin: 0;

padding: 0;

}

Billedunderstøttelse

Billeder understøttes med følgende restriktioner:

Kun elementet <img> er understøttet
src i en <img> kan leveres som integreret data (data: system) eller som en web-URL (kun https: system)
Følgende formater understøttes: JPEG, PNG, GIF, BMP og TIFF
- For animerede GIF'er bruges første frame som et statisk billede
Størrelsen på et billede, der er hentet fra en web-URL, er begrænset til 5 MB

Ikke-understøttede Acrobat Sign-workflows

Liquid Mode understøtter ikke følgende Acrobat Sign-workflows:

Aftaler oprettet fra flere dokumenter
Aftaler oprettet fra ikke-HTML-dokumenter
Aftaler oprettet fra biblioteksskabeloner
Aftaler oprettet i DRAFT- eller AUTHORING-tilstand
Workflows for digitale signaturer
Workflows for håndskrevne signaturer
Rediger arbejdsgange under flyvning
Workflows fra grupper, hvor afkrydsningsfeltet Vis er aktiveret som standard
Aftaler med underskrivelsesårsager aktiveret
Aftaler konfigureret til at udfordre underskriveren til at godkende, hver gang underskriveren klikker på et signaturfelt

Et forsøg på at oprette en Liquid Mode-visning i ovenstående workflows resulterer i oprettelsen af en aftale med kun PDF-visningen. Bekræftelsesmailen, der er sendt til afsenderen, angiver årsagerne til, at Liquid Mode ikke kunne genereres.

Liquid Mode-fejlnotifikation

Hvis afsenderen forsøgte at generere en aftale med en Liquid Mode-visning, men Acrobat Sign ikke kunne generere den, underrettes afsenderen i aftalens bekræftelsesmail med de specifikke problemer, der forhindrede oprettelsen af Liquid Mode-visningen. Afsenderen kan adressere de rapporterede problemer og forsøge at oprette aftalen med en Liquid Mode-visning i efterfølgende forsøg.

De rapporterede problemer kan grupperes i følgende kategorier:

Ikke-understøttede HTML-konstruktioner
Ikke-understøttede Acrobat Sign-teksttags
Ikke-understøttede Acrobat Sign-workflows
Intern Liquid Mode-fejl

Interne fejl i Liquid Mode opstår, når serveren oplever uventede fejlbetingelser ved forsøg på at oprette Liquid Mode-visningen.

For de andre fejlkategorier kan du finde detaljer om de rapporterede problemer i følgende underafsnit:

Hvis Liquid Mode-visningen ikke kan genereres pga. ikke-understøttede HTML-konstruktioner, vil den bekræftelsesmail, der sendes til afsenderen, inkludere én eller flere af følgende fejlstrenge:

Fejlstrenge

Ikke-understøttet element [+tagName]

Ikke-understøttet URL-protokol [+url]

Formularfelter i tabeller er ikke understøttet [+tagName]

Indlejrede tabeller er ikke understøttet

Ugyldigt underordnet etiket [+tagName]

Få mere at vide i afsnittet Understøttede HTML-tags.

Hvis Liquid Mode-visningen ikke kan genereres pga. ikke-understøttede Acrobat Sign-teksttagkonstruktioner, vil den bekræftelsesmail, der sendes til afsenderen, inkludere én eller flere af følgende fejlstrenge:

Fejlstrenge

Kan ikke finde definitionstag til reference [+shortName]

Forudfyldningsfelter er ikke understøttet [+name]

Interne links er ikke understøttet [+name]

Unavngivne felter er ikke understøttet for afkrydsningsfelter

Felter med det samme navn og forskellige direktiver er ikke understøttet [+name]

Digitale signaturer er ikke understøttet [+name]

Felter kan ikke have både et navneelement og et navnedirektiv [+name]

Manglende Sign-formularfelt for teksttagget: [+name]

Få mere at vide i afsnittet Formularfeltspecifikation.

Hvis Liquid Mode-visningen ikke kunne genereres pga. ikke-understøttede Acrobat Sign-workflows, vil den bekræftelsesmail, der sendes til afsenderen, inkludere én eller flere af følgende fejlstrenge:

Fejlstrenge
Aftalen er en biblioteksskabelon
Aftalen kræver håndskreven signatur
Aftalen har CFR-mulighed for underskrivelsesårsager aktiveret
Aftalen har CFR-mulighed for ny ESign-godkendelse aktiveret

Få mere at vide i afsnittet Formularfeltspecifikation.

Eksempel på HTML-dokument: anmodning om kreditrapport

Formularkvaliteter, der er hovedmål for Liquid Mode-oprettelse, er:

Dokumenter, der har store tekstblokke, som muligvis kræver meget knibning og zoom
Formularer, hvor der ikke er nogen overlapning af felter, og Liquid Mode-flowet af felter er acceptabelt

<!DOCTYPE html>

<head>

<title>Sample Title</title>

<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;

}

.page {

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>

<h2 class="txt_logo"><b>SAMPLE COMPANY</b></h2>

<h1 class="h1_header">SAMPLE REQUEST TO OBTAIN MY FREE CREDIT REPORT </h1>

</div>

<h3>Sample Important Information & Instructions:</h3>

<p>In order to protect your personal information we will validate your identity before mailing your credit report to your <u>confirmed</u>

home address. You must provide a photocopy of the front and back of:</p>

<li class="info__item">Two pieces of government-issued identification</li>

<li class="info__item">If your address is not up-to-date on either identification, you <u>must also</u> provide an additional document showing your <u>current home address</u> (e.g. a utility bill).</li>

<li class="info__item">If you provide your <b>Social Insurance Number</b>, we will cross-reference it with our records to ensure that we disclose the correct information to you. Knowing it helps us avoid delays and confusion in case another individual's identifying information (such as name and address) is similar to the one you provided.</li>

<li class="info__item">If you provide a <b>credit card </b>statement or copy of your <b>credit card</b> as proof, please ensure to <b>blackout</b> your private information.</li>

</ul>

<p>The information you provide on the form will be used to confirm your identity and may also be used to update your credit report. Such updated information will be stored, safeguarded, used and/or disclosed in the normal course as part of your credit file. For more information about SAMPLE COMPANY’s privacy practices, please see our Privacy Policy at https://www.adobe.com/privacy/policy.html. For clarity, in any case, we will keep a copy of the information you provide to demonstrate that we complied with our obligation to obtain reasonable identification from you.

</p>

<p>Please send your completed form with proof of identity to: <b>Lorem inseam dolor sit amen, consenttetur</b>or by fax to: <b>XXX-XX-XXXX.</b>Kindly allow X-Y days for delivery. If any corrections to your credit report are necessary you must complete the Credit Report Update form enclosed with your package, or visit <a href="http://sampleurl">SampleURL</a> and click on “How to File a Something” under Our Sample Assistance.

</p>

</div>

<p class="textTag">{{*LastName_es_:signer1}}</p>

<label for="LastName">EFTERNAVN </label>

</div>

<p class="textTag">{{*FirstName_es_:signer1}}</p>

<label for="FirstName">FIRST NAME, INITIAL</label>

</div>

<p class="textTag">{{Suffix_es_:signer1}}</p>

<label for="Suffix">SUFFIX (Sr., Jr., etc.)</label>

</div>

<p class="textTag">{{*StreetAddress_es_:signer1 }}</p>

<label for="StreetAddress">CURRENT STREET ADDRESS </label>

</div>

<p class="textTag">{{*Apt_es_:signer1}}</p>

</div>

<p class="textTag">{{*City_es_:signer1}}</p>

</div>

<p class="textTag">{{*Prov_es_:signer1}}</p>

<label for="Prov">PROVINCE</label>

</div>

<p class="textTag">{{*Zip_es_:signer1:zip}}</p>

<label for="Zip">POSTAL CODE</label>

</div>

<h2>PREVIOUS ADDRESS(ES) WITHIN LAST 3 YEARS</h2>

<p class="textTag">{{*StreetAddressPr_es_:signer1 }}</p>

<label for="StreetAddressPr">PREVIOUS STREET ADDRESS </label>

</div>

<p class="textTag">{{*AptPr_es_:signer1}}</p>

</div>

<p class="textTag">{{*CityPr_es_:signer1}}</p>

</div>

<p class="textTag">{{*PrvPr_es_:signer1}}</p>

<label for="PrvPr">PROVINCE</label>

</div>

<p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>

<label for="ZipPr">POSTAL CODE</label>

</div>

<div>

<p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>

</div>

<p class="textTag">{{$DATEOFBIRTH}}</p>

<label for="Date">DATE OF BIRTH </label>

</div>

<p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>

</div>

<p class="textTag">{{$NAMEMAJORCARD}}</p>

<label for="NameMajorCard">NAME OF MAJOR CREDIT CARD:</label>

</div>

<p class="textTag">{{$LAST4}}</p> <label for="Last4">LAST 4 DIGITS OF MAJOR CREDIT CARD:</label>

</div>

<p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Signature</label>

</div>

<p class="textTag">{{*DateOfSignature_es_:signer1:date}}</p><label for="DateOfSignature">Date</label>

</div>

<label class="underline">{{$PAY}} YES, I WOULD ALSO LIKE TO PURCHASE MY Sample Company SCORE* FOR $X.XX (tax included)</label>

            </div>
            <fieldset>
            <legend> Jeg giver Eksempelvirksomhed tilladelse til at opkræve betalingen på mit kreditkort:</legend>

<div class="item"><label>{{$M}}MasterCard</label></div>

</div>
</legend>

<label for="CardholderName">Cardholder Name:</label>

<p>{{$CALCULATEDCARDHOLDERNAME}}</p>

</div>

<label for="CardNumber">Card Number:</label>

<p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Expiry Date:</label>

<p class="expiry-date">{{$EXPIRYDATE}}</p>

</div>

<p>Note: Cheque and cash payments are not accepted. Navnet på kortets ejer skal være det samme som navnet på anmoderen.</p>

</div>

<p>*Sample company’s XY is a product some service providers use when assessing applications for credit and services. It is not part of your sample credit report, but is based on the particular information in your credit file at the time it is calculated. Lorem Ipsem is not the same as the Lorem Ipsem, which is also used by some lenders. Sample Company will provide your sample report free of charge, whether or not you purchase your Lorem Ipsem. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sample company can provide more sample services:</b> Sample Address Telephone: 1-XXX-XXX-XXXX Telephone in Sample: 1-XXX-XXX-XXXX</p>

</div>

<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>

<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>

Aftalevisning:

Kendte problemer og ofte stillede spørgsmål

Vi anbefaler, at når du opretter HTML, skal du teste html et par gange og kontrollere, at der ikke er nogen fejl, og at den opfylder de overordnede flowkriterier for dig, inden du sender den til de ønskede modtagere.

HTML-elementerne i HTML-dokumentet skal følge rækkefølgen for dokumentlæsning.

Sideskift i dokumentet skal angives eksplicit ved hjælp af CSS-egenskaben "page-break-after" som vist nedenfor:

<div style="page-break-after:always"></div>

At redesigne dokumentet med dynamisk tilpasning i tankerne kan forbedre den samlede mobiloplevelse. Hvis du IKKE overvejer at redesigne dokumentet, kan du beholde det generelle udseende og den originale PDF med et par få undtagelser:

Der vil ikke være nogen særlig håndtering af artefakter på sideniveau i Liquid Mode. Hvis artefakter på sideniveau som sidehoveder, sidefødder, vandmærker osv. findes i HTML-dokumentet, vises de muligvis i visningen med dynamisk tilpasning i midten af det indhold, der er dynamisk tilpasset.
Hvis formularen indeholder instruktioner til udfyldning af formularfelterne som "PLEASE PRINT" eller "OPTIONAL" eller formateringsinstruktioner som "(mm/dd/åååå)", skal du ikke medtage teksten i HTML – nogle af oplysningerne som formateringsinstruktioner "(mm/dd/åååå)", eller hvis et formularfelt er "OPTIONAL", skal det specificeres i formularfeltspecifikationen ved hjælp af teksttags.

Noget tekst kræver muligvis indsamling af sammensatte informationssæt. Opdeling af dem i flere formularfelter forenkler brugssagen. I ovenstående eksempeldokument er "NAME & LAST 4 DIGITS OF MAJOR CREDIT CARD" f.eks. blevet opdelt i "NAME OF MAJOR CREDIT CARD" og "LAST 4 DIGITS OF MAJOR CREDIT CARD"

Brug kun understøttede HTML-tags, der er anført ovenfor. Se afsnittet om HTML-konstruktioner.
Brug relative koordinater og placeringer som {width: 30%}, så HTML kan tilpasse sig forskellige enhedsbredder dynamisk. Absolut sidebredde bør ikke være til stede i CSS.
Hvis en PDF indeholder en tabel- eller listekonstruktion, skal den tilsvarende HTML-repræsentation være henholdsvis en tabel eller liste. Den eneste undtagelse er tabeller med formularfelter. Hvis en tabel har formularfelter, skal de samme oplysninger præsenteres uden tabeller.

For at skabe en bedre online formularudfyldningsoplevelse anbefales det kraftigt, at der oprettes formularfelter ved hjælp af alle de valideringer, formateringsudtryk og betingelsesregler og beregningsformel, som Sign-teksttags tilbyder.

Navne på formularfelter skal være unikke, hvis de repræsenterer forskellige enheder
Det anbefales kraftigt, at hvert formularfelt har en etiket ved enten at omslutte formularfeltet eller bruge attributten "for"
Hvis et formularfelt er OPTIONAL, skal det specificeres i Sign-teksttags. For eksempel:
- {{*S.I.N_es_:signer1}} repræsenterer et obligatorisk formularfelt
- {{S.I.N_es_:signer1}} repræsenterer et valgfrit formularfelt
Sign-teksttags giver en række valideringer til zip, ssn, dato, mail, valutanumre med intervalkontroller og maksimallængder osv. Brug dem
Sign-teksttags inkluderer også formatering for formularfelter som datoformat, valutaformat osv. Det anbefales kraftigt, at du bruger dem
Alle afkrydsningsfelter skal have tilknyttede etiketter: For eksempel:

<label> {{[]}} YES, I WOULD ALSO LIKE TO PURCHASE MY CREDIT SCORE</label>

Hvis der er formularfelter, der ligner afkrydsningsfelter i papir-/PDF-formularen, men har værdier, der udelukker hinanden, som ja/nej-spørgsmål eller Visa/MasterCard/AMEX-spørgsmål i denne formular, skal du kombinere alle formularfelterne i en gruppe og gøre dem til en alternativknap eller rulleliste i stedet for individuelle afkrydsningsfelter og inkludere en etiket/overskrift

<legend>Betalingsmuligheder:</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-teksttags definerer også målene på formularfelterne på den gengivne side baseret på målene på det gengivne Sign-teksttag på siden. Sign-teksttagspecifikationen giver måder at forkorte formularfeltets mål. Søg efter "Shortening Text Tags" og "Long Text Tags" i https://helpx.adobe.com/dk/sign/using/text-tag.html. En almindelig teknik er at definere en sektion i slutningen af HTML-dokumentet, der indeholder definitionstags for de meget lange teksttags og bruger referencetags i HTML-brødteksten. Her er nogle eksempler på definitionstags:

{{#CCARDDROPDOWN=*ccardDropDown_es_:dropdown(options="Visa,MasterCard,AMEX")}}

Strømlin dit arbejde med Acrobat Sign
Administrer og underskriv dokumenter online hurtigt og nemt.

Åbn appen

Foregående

Formularfeltkanter

Næste

Aktivér skabelondefineret signaturplacering i brugerdefinerede workflows

Lær

Lær med trinvise videoselvstudier og praktisk vejledning direkte i appen.

Fællesskab

Deltag i diskussioner, find svar, lær af eksperter, og del din viden.

Adobe-startside

Få adgang til dine foretrukne Creative Cloud-apps, tjenester, filhåndtering m.m.