DokumentationAEM as a Cloud ServiceAnvändarhandbok

Ändra standardformat för HTML5-formulär changing-default-styles-of-html-forms

Last update: Thu Nov 27 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gäller:
  • Experience Manager as a Cloud Service
  • Ämnen:

Skapat för:

  • Administratör
  • Användare
  • Utvecklare

Funktionen HTML5 Forms erbjuds som en del av programmet för tidig åtkomst. Om du vill begära åtkomst skickar du ett e-postmeddelande från din officiella (arbets) e-post till aem-forms-ea@adobe.com.

HTML5-formulär återges med HTML5-funktioner och formateringen av det återgivna formuläret görs med CSS. Standardutseendet för ett HTML5-formulär påminner om dess PDF-återgivning. Utvecklare kan använda anpassad CSS för att ändra standardutseendet på HTML5-formulär.

I den här artikeln finns stegvis information om hur du ändrar format i ett HTML5-formulär. Artikeln Introduktion till format innehåller detaljerad information om olika formateringsaspekter i HTML5-formulär. Läs Introduktion till formatartiklar innan du utför de steg som nämns i den här artikeln.

I följande två bilder visas skillnaden mellan standardformat och anpassade format.

images-002-small

Formatera formulären style-your-forms

  1. Välj en profil för att lägga till egna format

    Gå till CRX DE-gränssnittet på URL https://<server>:<port>/crx/de och skapa en profil eller välj en befintlig profil. Mer information om hur du skapar en profil finns i Skapa en profil

  2. Skapa en CSS-formatmall för formatering av HTML5-formulär

    Navigera till mappen där du har skapat profilåtergivaren och skapa en CSS-formatmallsfil. De steg du ska följa är

    1. Högerklicka på mappen och välj skapa > skapa fil på menyn

    2. Ange formatmallens namn i dialogrutan Skapa fil. Kontrollera att du använder filnamnstillägget .css (till exempel stylesheet.css)

    3. Öppna CSS-filen som du har skapat i navigeringsrutan.

    4. Definiera CSS-klasserna för de komponenter som du vill formatera och lägg till format i dessa klasser.

    Om du vill veta vilka CSS-klasser som ska skapas för en viss komponent i dina HTML5-formulär kan du läsa Introduktion till format.

  3. Inkludera formatmallen i profilåtergivning

    Öppna sidan Profilåtergivning (jsp-fil) i CRX DE och ta med CSS-filen på sidan precis nedanför XFA-klientbiblioteket. Följ de här stegen för att inkludera CSS-filen i profilen.

    1. Sök på återgivningssidan efter följande rad:

      <cq:includeClientLib categories="xfaforms.profile" />

    2. Infoga följande nedanför raden ovan för att inkludera formatmallen:

      <link href="/path/to/stylesheet" rel="stylesheet" type="text/css"/>

    3. Spara filen.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab