Show Menu
TOPICS×

Form Text Component

The Core Component Form Text component allows the entry of form text for submission.

Uso

The Form Text component allows for the submission of different types of text and is intended to be used along with the form container component. Componente de contenedor de formularios The type of text validation, labels, and help messages can be defined by the content editor in the configure dialog. Configurar cuadro de diálogo

Version and Compatibility

The current version of the Form Text Component is v2, which was introduced with release 2.0.0 of the Core Components in January 2018, and is described in this document.
The following table details all supported versions of the component, the AEM versions with which the versions of the component is compatible, and links to documentation for previous versions.
Component Version
AEM 6.3
AEM 6.4
AEM 6.5
v2
Compatible
Compatible
Compatible
Compatible
Compatible
Compatible
For more information about Core Component versions and releases, see the document Core Components Versions. Versiones de componentes principales

Sample Component Output

The following is sample taken from We.Retail .

Captura de pantalla

HTML

<div class="text aem-GridColumn aem-GridColumn--default--12"> <div class="cmp-form-text"> <label for="form-text-2146967">How many pieces of toast would you like? </label> <input class="cmp-form-text__text" type="number" id="form-text-2146967" name="pieces"> </div> </div>

JSON

"text":{ "columnClassNames":"aem-GridColumn aem-GridColumn--default--12", "id":"form-text-2146967", "title":"How many pieces of toast would you like?", "name":"pieces", "value":"", "helpMessage":"", "type":"number", "readOnly":false, "required":false, "requiredMessage":"", "constraintMessage":"", "rows":2, "defaultValue":"", ":type":"core/wcm/components/form/text/v2/text" }

Detalles técnicos

La documentación técnica más reciente sobre el componente Texto del formulario puede encontrarse en GitHub .
Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.

Configurar cuadro de diálogo

El cuadro de diálogo de configuración permite al autor del contenido definir el tipo de texto que se debe introducir, así como los valores y etiquetas predeterminados.

Ficha Principal

  • Restricción
    El tipo de texto que se va a introducir y se validará con
    • Texto
    • Área de texto
    • Correo electrónico
    • Tel.
    • Fecha
    • Número
    • Contraseña
  • Líneas
    de texto Número de líneas que se mostrarán en el área de texto (solo se muestran cuando
    Restricción
    se establece en Área
    de
    texto)
  • Etiqueta
    Etiqueta que se mostrará para el campo
  • Ocultar la etiqueta para que no se muestre
    Necesario si la etiqueta es necesaria solo para fines de accesibilidad y no proporciona información visual adicional sobre el campo
  • Nombre
    del elemento El nombre del campo que se envía con los datos del formulario
  • Valor
    predeterminado que se rellena previamente en el campo

Ficha Acerca de

  • Mensaje
    de ayuda Una sugerencia para el usuario de lo que se puede introducir en el campo
  • Mostrar mensaje de ayuda como marcador de posición
    Para mostrar el mensaje de ayuda dentro de la entrada del formulario cuando esté vacío y no esté centrado

Ficha Restricciones

  • Mensaje de restricción
    • El mensaje se muestra como información cuando se envía el formulario si el valor no valida el tipo elegido
    • No se muestra para los tipos de restricción
      Texto
      y Área
      de texto
  • Obligatorio
    Si se selecciona, el usuario debe rellenar un valor antes de enviar el formulario
  • Convertir en solo
    lectura Si se selecciona, el usuario no puede modificar el valor del campo

Cuadro de diálogo Diseño

No hay ningún cuadro de diálogo de diseño para el componente Texto de formulario.