Liquid Mode för mobil webbsignering

Senast uppdaterad den 11 juni 2025

Introduktion

Signeringsupplevelsen i Liquid Mode förbättrar visningen av dina dokument baserat på mottagarens enhetstyp och minskar behovet av att nypa och zooma. Istället kan du enkelt fokusera på de fält som behöver fyllas i.

Avtal som är kompatibla med Liquid Mode genereras med två vyer för mottagaren:

PDF-vyn som skapas med hjälp av den formateringsinformation som finns i den uppladdade HTML:en. Detta motsvarar den signerade versionen av avtalet som är tillgänglig att hämta – precis som den PDF-vy som Adobe Acrobat Sign genererar för alla avtal
Vyn för Liquid Mode som formar om flödet för det inmatade HTML-dokumentet och är optimerat för små skärmstorlekar. Vyn för Liquid Mode ger en välstrukturerad upplevelse som åsidosätter den formatering som specificeras i det ursprungliga HTML-dokumentet

Gränssnittet ger mottagaren möjlighet att efter egna önskemål enkelt växla mellan Liquid Mode och traditionell PDF och möjliggör samma juridiskt bindande signaturer oavsett läge.

Avtal som är kompatibla med Liquid Mode skapas med en enda HTML-fil som källinnehåll.

Det finns ett par begränsningar för HTML- och formulärfältskonstruktionerna i det uppladdade HTML-dokumentet. Detta gäller mer specifikt att:

avtalet måste skapas med ett enda HTML-dokument (endast en fil)
- Om mer än ett dokument används för att skapa avtalet genereras bara en PDF-vy
HTML-dokumentet får inte innehålla JavaScript. Det är inte tillåtet att använda <script>-taggar, varken som infogat JavaScript eller som referens till externa JavaScript-filer eller i attribut för HTML-taggar
- Om JavaScript hittas i HTML-dokumentet skapar Acrobat Sign bara PDF-vyn
HTML-dokumentet kan bara använda de stödda HTML-taggarna i HTML-dokumentets <body> enligt beskrivningen i avsnittet HTML-taggar som stöds
- Om HTML-taggar som inte stöds finns i HTML-dokumentets body, skapar Acrobat Sign bara PDF-vyn

Eftersom vyn för Liquid Mode ger en mycket välstrukturerad upplevelse ignoreras CSS som specificerats i HTML-filen (gäller ENDAST för vyn Liquid Mode) och bara attributen för de stödda HTML-taggarna påverkar vyn för Liquid Mode. Det finns dock inga sådana begränsningar för PDF-vyn. Acrobat Sign använder alla attribut som är tillgängliga för stödda taggar samt det CSS som specificerats i HTML-dokumentet för att generera PDF-vyn.

Notation med Adobe Acrobat Sign-texttaggar används för att specificera formulärfälten i HTML-dokumentet.

Obs!

Om funktionen för Liquid Mode är aktiverad men vyn inte kan genereras av någon anledning, skapas avtalet endast i PDF-vyn.

I bekräftelsemeddelandet som skickas till avsändaren anges varför vyn för Liquid Mode inte kunde genereras.

Liquid Mode stöds för närvarande på mobiltelefoner och ytterligare stöd är under utveckling.

Aktivera/skicka avtal kompatibla med Liquid Mode

Kontrollera att Liquid Mode är aktiverat på administratörsmeny i Acrobat Sign:

Navigera till Skicka-inställningar > Liquid Mode
- Inställningen kan ändras på konto- eller gruppnivå

Navigera till kontrollerna för Liquid Mode

Skicka en enskild HTML-fil på något av följande sätt:

Använda Acrobat Sign v6 POST /agreement REST API
Från sidan Skicka i Acrobat Sign-webbapplikationen
Från sidan Webbformulär i Acrobat Sign-webbapplikationen.
Använda Acrobat Sign v6 POST /widgets REST API

HTML-taggar som stöds

HTML-dokumentet får INTE innehålla JavaScript-konstruktioner om du vill skapa ett avtal med vyn Liquid Mode.

Endast följande taggar kan användas i HTML-dokumentets body (innehåll):

Kategori	HTML-taggar	Attribut som påverkar vyn Liquid Mode	Begränsningar
Rubriker	<h1>, <h2>, <h3>, <h4>, <h5>, <h6>	INGA
Innehållsavdelning	<div>	justera
Del	<br>	INGA
Horisontell linje	<hr>	INGA
Stycke	<p>	justera
Bilder	<img>	src, alt, höjd, bredd	Se avsnittet ”Bildsupport”
Infogad text	<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup>	INGA
Numrerad lista	<ol>, <li>	värde, typ, omvänd, start
Osorterad lista	<ul>, <li>	värde, omvänd, start
Hyperlänk	<a>	href	URL-protokoll är begränsade till http, https och mailto
Tabell	<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup>	INGA	1. Kapslade tabeller stöds INTE 2. Formulärfält i tabeller stöds INTE
Etikett för formulärfält	<label>	för	Se avsnittet ”Etiketter för formulärfält”.
Gruppering av formulärfält	<fieldset>, <legend>	INGA	Se avsnittet ”Märka fältgrupper”.
Bilder	<img>	src, alt, höjd, bredd	Bildens storlek plus all HTML bör vara mindre än 400 kB. Följande format stöds: JPEG, PNG, GIF, BMP och TIFF. Bildkällan måste vara en HTTPS-URL.

Formulärfältets specifikation

Formulärfält måste specificeras i HTML-dokument med hjälp av notationen Adobe Acrobat Sign-texttaggar.

I tabellen nedan visas exempel på formulärfält med Acrobat Sign-texttaggar:

Fält	Sign-texttaggar
Signaturfält (signatur, initialer, signaturblock, stämpel)	{{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)}}
Signerarfält	{{Cmpy_es_:signer1:company}}
	{{N_es_:signer2:fullname}}
	{{Dte_es_:signer1:date}}
	{{Em_es_:signer1:email}}
Avsändarfält	{{*Ttl_es_:sender:title}}
Deltagandestämpel och transaktions-ID	{{userstamp_es_:signer1:stamp:repeat}} {{transstamp1_es_:transactionid:repeat}}
Skrivskyddat fält	{{!price}} {{price_es_:readonly}}
Textinmatning	{{address_es_:signer1}} {{*city_es_:signer1}}
Kryssrutor	{{CB1_es_:checkbox(checked)}}
Alternativknapp	{{(Red)Color_es_:signer1:label(“Red”)}} {{(Blue)Color_es_:signer1:label(“Blue”)}} {{(Green)Color_es_:signer1:label(“Green”)}}
Bild	{{Image1_es_:signer1:inlineimage(4)}}
Listruta	{{Color_es_:signer1:dropdown(options="Red,Green,Blue”, values=”R,G,B”)}}
Hyperlänk	{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}}
Bifogad fil	{{*DriversLicense_es_:signer1:attachment}}
Verktyg	{{Car_color_es:signer1:tooltip('Choose a color')}}
Digital signatur	{{digsig1_es_:signer1:digitalsignature}}
Fältvalidering	{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}}
Villkorliga regler	e.g. {{field_es_:showif(price>60)}}
Beräkningsfält	{{TV_es_:calc([SubTotal]+[Tax])}}

Obs!

Alla Acrobat Sign-formulärfältskonstruktioner stöds förutom för följande:

Kategori	Konstruktioner som inte stöds	Undantag
Formulärfält för digital signatur	:digitalsignature stöds inte.
Arbetsflöden för förifyllning	:prefill-direktivet stöds inte.
Formulärfält för hyperlänk	:page(N)-direktivet stöds inte. :link med andra protokoll än http, https och mailto.	:signer1- och :everyone-direktiven stöds.
Namnlösa formulärfält	Namnlösa formulärfält stöds inte.	Namnlösa kryssrutor stöds.
Omdöpta formulärfält	Flera formulärfält med samma namn men olika direktiv stöds inte.

Etiketter för formulärfält

Varje formulärfält bör ha en associerad etikett. Även om etiketter inte är obligatoriska för alla formulärfält rekommenderar vi bestämt att du förser formulärfälten med etiketter.

Särskilt i Liquid Mode:

Etiketter används för att förbättra fältets visuella representation.
En etikett som är associerad med ett fält ger hjälptips. När ett fält är i fokus kan en skärmläsare använda etiketten för att meddela användaren om fältets innehåll.
Du kan klicka på en etikett för att fokusera på ett fält. För alternativknappar och kryssrutor kan du klicka på etiketten för att växla mellan olika värden.

Formulärfält kan bindas till etiketter med HTML-taggen <label> på något av följande sätt:

Acrobat Sign-formulärfält omslutet av en <label>-tagg
- <label>Signatur: {{sig_es_:signer1:signature}}</label>
Attributet ”for” för taggen <label> kan referera till namnet på formulärfältet för att binda det till ett formulärfält:
- {{sig_es_:signer1:signature}} … <label for=”sig”>Signatur: </label>

Etiketter som inte kan bindas till formulärfält med reglerna ovan återges som en obunden etikettext.

Dessutom stöder Acrobat Sign-texttaggar :label-direktivet för följande formulärfältstyper:

Bifogade filer
Hyperlänkar
Kryssrutor
Alternativknappar

Acrobat Sign-texttaggen :label-direktivet och <label>-taggen kan kombineras på följande sätt:

Typ av formulärfält	Roll för :label-direktivet	Roll för HTML <label> taggen
Bifogade filer, hyperlänkar	Specificerar den etikett som visas i formulärfältsrutan.	<label>-taggen specificerar etiketten eller rubriken för formulärfältet.
Kryssruta, Alternativ radioknapp	Specificerar etiketten eller rubriken för formulärfältet.	Om Acrobat Sign-texttaggen :label -direktivet saknas kommer <label> att ersätta den för formulärfältet. Om både :label och <label> finns, kommer vyn för Liquid Mode inte att kunna skapas. Exempel: {{CB_es_:checkbox: signer1:label("Jag godkänner.")}}} <label for=” CB”> Ja</label> {{(Red_v)Color_es_:signer1::label(“Red Color”)} <label for=”(Red_v)Color”>Röd</label>

Obs!

Etiketter kan anges för kryssrutor på följande sätt:

{{CB_es_:checkbox: signer1:label("Jag godkänner.")}}
<label> {{CB_es_:checkbox:signer1}} Jag godkänner.</label>
{{CB_es_:checkbox:signer1}} <label for="CB"> Jag godkänner.</label>

Etiketter kan anges för alternativknappar på följande sätt:

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

Var försiktig

I HTML refererar attributet ”for” vanligtvis till ett fält-id-värde. I Liquid Mode används attributet ”for” för att referera till fältnamn. Detta kan orsaka tvetydigheter för klonade formulärfält där det finns flera formulärfält med exakt samma Acrobat Sign-texttaggsdirektiv. I det här fallet måste vi undvika att använda attributet ”for” och i stället associera etiketter genom att omsluta texttaggen med ett <label>-element.

Följande användning skapar till exempel klonade formulärfält med olika etiketter för de två instanserna i vyn för mobilflödesomformning:

<label> Officiellt {{name_of_official_es_:signer1}} </label>
<label> Namn {{name_of_official_es_:signer1}} </label>

Om ett klonat formulärfält specificerar en etikett med ett ”for”-attribut blir referenserna tvetydiga och kan inte lösas. I det här fallet skapas ingen vy för Liquid Mode.

Följande användning skapar till exempel bara en PDF-vy:

<label for="name_of_official> Officiellt </label> {{name_of_official_es_:signer1}}
<label for="name_of_official> Namn</label> {{name_of_official_es_:signer1}}

Märka fältgrupper

Etiketter associeras med ett enda formulärfält. När vi vill associera en etikett/bildtext med en fältgrupp (särskilt alternativknappsgrupper) rekommenderar vi användning av fältuppsättnings- och förklaringselement. Fältuppsättningen används för att gruppera elementen och förklaringen används för att förse gruppen med en bildtext/etikett. På samma sätt som för etikett är fördelarna i Liquid Mode:

En bättre visuell representation av en bildtext/rubrik som är associerad med fältgrupperna.
En bra hjälpupplevelse. En skärmläsare kan meddela fältgruppen med förklaringsinnehållet på ett korrekt sätt.

Till exempel:

<fieldset>

<legend>Välj din favorit bland primärfärgerna</legend>

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

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

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

</fieldset>

Obs!

För de flesta dokument vill författaren inte ha standardåtergivningen av en fältuppsättning.

Avgränsningsrutan kan tas bort med detta CSS:

fieldset {

border: none;

margin: 0;

padding: 0;

}

Bildsupport

Bilder stöds med följande begränsningar:

Endast elementet <img> stöds
Källan för en <img> kan tillhandahållas som inbäddad data (data: schema) eller som en webb-URL (https: endast schema)
Följande format stöds: JPEG, PNG, GIF, BMP, och TIFF
- För animerade GIF-filer används den första bildramen som en statisk bild
Storleken på en bild som hämtats från en webb-URL är begränsad till 5 MB

Acrobat Sign-arbetsflöden som inte stöds

Liquid Mode stöder inte följande Acrobat Sign-arbetsflöden:

Avtal som skapats från flera dokument
Avtal som skapats från andra dokument än HTML
Avtal som skapats från biblioteksmallar
Avtal som skapats i utkastläge eller redigeringsläge
Arbetsflöden för digital signatur
Arbetsflöden för skrivna signaturer
Ändra pågående arbetsflöden
Arbetsflöden från grupper där kryssrutan Förhandsgranska är markerad som standard
Avtal med signeringsorsaker aktiverade
Avtal som konfigurerats för att verifiera signeraren varje gång denne klickar på ett signaturfält

Om du försöker skapa en Liquid Mode-vy i arbetsflödena ovan skapas endast ett avtal i PDF-vyn. I bekräftelsemeddelandet som skickas till avsändaren anges varför Liquid Mode inte kunde genereras.

Felmeddelande för Liquid Mode

Om avsändaren försökte generera ett avtal med en Liquid Mode-vy men Acrobat Sign inte kan generera den, meddelas avsändaren i avtalets bekräftelsemeddelande om de specifika problem som gjorde att Liquid Mode-vyn kunde skapas. Avsändaren kan åtgärda de rapporterade problemen och försöka skapa avtalet med vyn Liquid Mode i efterföljande försök.

De rapporterade problemen kan grupperas i följande kategorier:

HTML-konstruktioner som inte stöds
Acrobat Sign-texttaggar som inte stöds
Acrobat Sign-arbetsflöden som inte stöds
Internt fel för Liquid Mode

Interna fel för Liquid Mode inträffar när servern stöter på oväntade feltillstånd när den försöker skapa vyn för Liquid Mode.

För övriga felkategorier hittar du detaljerad information om de rapporterade problemen i följande underavsnitt:

Om vyn Liquid Mode inte kan genereras på grund av ostödda HTML-konstruktioner, kommer bekräftelsemeddelandet som skickas till avsändaren att innehålla en eller flera av följande felsträngar:

Felsträngar

Elementet som inte stöds [+tagName]

URL-protokoll som inte stöds [+url]

Formulärfält i tabeller stöds inte [+tagName]

Kapslade tabeller stöds inte

Ogiltig underordnad etikett [+tagName]

Mer information finns i avsnittet HTML-taggar som stöds.

Om Liquid Mode-vyn inte kan genereras på grund av att Acrobat Sign-texttaggar som inte stöds har konstruerats, kommer bekräftelsemeddelandet som skickas till avsändaren att innehålla en eller flera av följande felsträngar:

Felsträngar

Det gick inte att hitta definitionstaggen för referensen [+shortName]

Förifyllda fält stöds inte [+name]

Interna hyperlänkar stöds inte [+name]

Ej namngivna fält stöds bara för kryssrutor

Fält med samma namn och olika direktiv stöds inte [+name]

Digitala signaturer stöds inte [+name]

Fälten får inte ha både ett etikettelement och ett etikettdirektiv [+name]

Sign-formulärfält saknas för texttagg: [+name]

Mer information finns i avsnittet Specifikation för formulärfält.

Om Liquid Mode-vyn inte kan genereras på grund av Acrobat Sign-arbetsflöden som inte stöds, kommer bekräftelsemeddelandet som skickas till avsändaren att innehålla en eller flera av följande felsträngar:

Felsträngar
Avtalet är en biblioteksmall
Avtalet kräver skriftlig signatur
Avtalet har CFR-alternativet Signeringsorsak aktiverat
Avtalet har CFR-alternativet för omautentisering av e-signatur aktiverat

Mer information finns i avsnittet Specifikation för formulärfält.

Exempel på HTML-dokument: Begäran om kreditrapport

Formuläregenskaper som lämpar sig för Liquid Mode:

dokument som har stora textblock som kan kräva att man nyper och zoomar mycket
formulär där det inte finns några överlappande fält och där fältflödet i Liquid Mode är 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">EFTERNAMN </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>

<label for="EmailAddress">E-POSTADRESS</label>

</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> I authorize Sample Company to charge the payment to my credit card:</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. Cardholder’s name must be same as requestor’s name.</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>

Avtalsvy:

Kända fel och vanliga frågor och svar

Vi rekommenderar att du testar din HTML några gånger medan du skapar den och kontrollerar att det inte finns några fel och att den uppfyller dina övergripande flödeskriterier innan du skickar den till de avsedda mottagarna.

HTML-elementen i HTML-dokumentet måste följa dokumentets läsordning.

Sidbrytningar i dokumentet ska specificeras uttryckligen med CSS-egenskapen ”page-break-after”, som i exemplet nedan:

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

Att designa om dokumentet med flödesomformning i åtanke kan förbättra den övergripande mobilupplevelsen. Om du INTE tänker designa om dokumentet vill du antagligen hålla dig till den ursprungliga PDF-filens utseende med några få undantag:

Det blir ingen speciell hantering av sidnivåartefakter i Liquid Mode. Om sidnivåartefakter som sidhuvuden, sidfötter, vattenstämplar osv. finns i HTML-dokumentet, kan de visas i flödesomformningsvyn i mitten av det omformade innehållet.
Om formuläret innehåller instruktioner för att fylla i formulärfält som ”SKRIV UT” eller ”VALFRITT” eller formateringsanvisningar som ”(mm/dd/åååå)”, ska texten inte tas med i din HTML – viss information, som formateringsanvisningar ”(mm/dd/åååå)” eller om ett formulärfält är ”VALFRITT” ska anges i formulärfältets specifikation med texttaggar.

Viss text kan kräva insamling av sammansatta uppsättningar information. Att dela upp dem i flera formulärfält förenklar användningen. I exempeldokumentet ovan har t.ex. ”NAMN OCH SISTA 4 SIFFRORNA PÅ VANLIGT KREDITKORT” delats upp i ”NAMN PÅ VANLIGT KREDITKORT” och ”SISTA 4 SIFFRORNA PÅ VANLIGT KREDITKORT”

Använd endast de HTML-taggar som stöds och förekommer ovan. Se avsnittet om HTML-konstruktioner.
Använd relativa koordinater och placeringar som {width: 30%} så att HTML:en kan flöda om till olika enhetsbredder. Absolut sidbredd ska inte förekomma i CSS:et.
Om en PDF innehåller en tabell- eller listkonstruktion ska motsvarande HTML-representation vara en tabell eller lista. Det enda undantaget är tabeller med formulärfält. Om en tabell har formulärfält måste samma information presenteras utan tabeller.

För att skapa en mer omfattande ifyllningsupplevelse för onlineformulär rekommenderar vi att du skapar formulärfält med alla valideringar, formateringsuttryck, villkorliga regler och beräkningsformler som finns för Sign-texttaggar.

Namnen på formulärfälten måste vara unika om de representerar olika entiteter
Vi rekommenderar starkt att alla formulärfält får en etikett genom att antingen omsluta formulärfältet eller använda attributet ”for”
Om ett formulärfält är VALFRITT bör det anges i Sign-texttaggarna. Till exempel:
- {{*S.I.N_es_:signer1}} representerar ett obligatoriskt formulärfält
- {{S.I.N_es_:signer1}} representerar ett valfritt formulärfält
Sign-texttaggar ger många möjligheter till validering av postnummer, personnummer, datum, e-post, valutasiffror med intervallkontroller och maxlängder osv. Använd dem
Sign-texttaggar innehåller även formatering för formulärfält som datumformat, valutaformat och så vidare. Vi rekommenderar starkt att du använder dem
Alla kryssrutor bör ha etiketter associerade: Till exempel:

<label> {{[]}} JA, JAG VILL OCKSÅ KÖPA MIN KREDITBEDÖMNING</label>

Om det finns formulärfält som ser ut som kryssrutor i pappers-/PDF-formuläret men som har ömsesidigt uteslutande värden som Ja/Nej-frågor eller en Visa/MasterCard/AMEX-fråga i formuläret, kan du kombinera alla formulärfälten till en grupp för att göra dem till ett formulärfält av typen alternativknapp eller listruta i stället för individuella kryssrutor och inkludera en etikett/rubrik

<legend>Betalningsalternativ:</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-texttaggar definierar också formulärfältens mått på den återgivna sidan baserat på måtten för den återgivna Sign-texttaggen på sidan. Specifikationen för Sign-texttaggen ger möjligheter att förkorta formulärfältets mått. Sök på ”Shortening Text Tags” (förkorta texttaggar) och ”Long Text Tags” (långa texttaggar) på https://helpx.adobe.com/se/sign/using/text-tag.html. En vanlig teknik är att definiera ett avsnitt i slutet av HTML-dokumentet som innehåller definitionstaggarna för de riktigt långa texttaggarna och använda referenstaggarna i HTML:ens innehåll (”body”). Här är några exempel på definitionstaggar:

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

Effektivisera ditt arbete med Acrobat Sign
Hantera och signera dokument online snabbt och enkelt.

Öppna appen

Öppna programmet

Föregående

Formulärfältets kanter

Nästa

Aktivera malldefinierad signaturplacering i anpassade arbetsflöden

Läs mer

Lär dig med detaljerade videohandledningar och praktiska råd direkt i appen.

Användarforum

Delta i diskussioner, hitta svar, lär dig av experter och dela med dig av dina kunskaper.

Adobe-startsidan

Få tillgång till dina Creative Cloud-favoritprogram, tjänster, filhantering med mera.