Componente Testo Modulo form-text-component

Il componente core Testo modulo consente l’inserimento di testo del modulo per l’invio.

Utilizzo usage

Il componente Testo modulo consente l’invio di diversi tipi di testo e deve essere utilizzato insieme al componente Contenitore modulo. Il tipo di convalida del testo, le etichette e i messaggi di aiuto possono essere definiti dall’editor di contenuto nella finestra di dialogo per configurazione.

Versione e compatibilità version-and-compatibility

La versione corrente del componente Testo modulo è la v2, introdotta con la versione 2.0.0 dei Componenti core a gennaio 2018, ed è quella descritta in questo documento.

La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.

Versione del componente
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v2
Compatibile con la
versione 2.17.4 e precedenti
Compatibile
Compatibile
v1
Compatibile
Compatibile
Compatibile

Per ulteriori informazioni sulle versioni e sugli aggiornamenti dei Componenti core, vedi il documento Versioni dei Componenti core.

Esempio di output del componente sample-component-output

Per avere un’idea del componente Testo modulo e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.

Dettagli tecnici technical-details

La documentazione tecnica più recente sul componente Testo modulo è disponibile su GitHub.

Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.

Finestra di dialogo per configurazione configure-dialog

La finestra di dialogo per configurazione consente all’autore di contenuto di definire il tipo di testo da inserire, nonché i valori e le etichette predefiniti.

Scheda Proprietà properties-tab

Scheda Proprietà

  • Vincolo: il tipo di testo da inserire e su cui verrà effettuata la convalida

    • Testo
    • Area testo
    • E-mail
    • Tel
    • Data
    • Numero
    • Password
  • Righe di testo: numero di righe da visualizzare nell’area di testo (solo se l’opzione Vincolo Limite è impostata su Area testo)

  • Etichetta: l’etichetta che verrà visualizzata per il campo

  • Nascondi l’etichetta: opzione necessaria se l’etichetta serve solo per scopi di accessibilità e non fornisce alcuna informazione visiva aggiuntiva relativa al campo

  • Nome elemento: il nome del campo che viene inviato con i dati del modulo

  • Valore: il valore predefinito inserito automaticamente nel campo

  • ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e in Data Layer.

    • Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
    • Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
    • La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.

Scheda Informazioni su about-tab

Scheda Informazioni su

  • Messaggio di aiuto: suggerimento per l’utente per la compilazione del campo
  • Visualizza messaggio di aiuto come segnaposto: indica se deve essere visualizzato il messaggio di aiuto nel modulo, quando il modulo è vuoto e non attivo

Scheda Vincoli constraints-tab

Scheda Vincoli

  • Messaggio vincolo

    • Messaggio visualizzato come descrizione comando quando si invia il modulo, se il valore non convalida il tipo scelto
    • Non visualizzato per i tipi di vincolo Testo e Area testo
  • Richiesto: se selezionata, l’utente deve necessariamente inserire un valore prima di inviare il modulo

    • Messaggio richiesto: messaggio visualizzato come descrizione comando se il campo viene lasciato vuoto
  • Imposta per sola lettura: se selezionata, l’utente non può modificare il valore del campo

Finestra di dialogo per progettazione design-dialog

Scheda Stili styles-tab

Il componente Testo modulo supporta il sistema di stili di AEM.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c