Componentes Índice de páginas
Entrada de texto
Formularios
El campo de texto es un elemento básico de formulario que permite la inserción y edición de texto en una única línea. Se debe usar cuando el texto a introducir es corto, por ejemplo nombre o apellidos. Para textos largos usar áreas de texto.
Índice de apartados de esta página
Tipos de entrada de texto #
-
1
-
2
- 1Input. Campo de texto simple presente en los formularios.
- 2Fieldset. Etiqueta que rodea un grupo de inputs relacionados entre si. Permite agrupar y estructurar semántica y visualmente los campos dentro de un formulario.
Accesibilidad #
Cómo funciona #
- Etiqueta
<input>con unid,nameyaria-describedby. - En el caso del fieldset, el elemento se rodea con la etiqueta
<fieldset>, que incluye un<legend>.
Más información sobre los inputs en el apartado accesibilidad de formularios.
| Qué usar | Dónde | Función |
|---|---|---|
id |
Parámetro Nunjucks dentro del componente | Permite las llamadas entre label, hint, error y el textarea. Debe ser único. |
autocomplete |
Parámetro Nunjucks dentro del componente | Permite completar el campo con la información de la persona guardada en el navegador. Debe estar siempre que sea posible. Más información sobre el autocomplete |
type |
Parámetro Nunjucks dentro del componente | Permite seleccionar el tipo de control según el dato que se debe introducir. En móvil despliega el tipo de teclado que corresponda. Por defecto es |
Buenas prácticas #
- Por lo general, el tamaño designado para este elemento debe ajustarse al dato a introducir. De esta manera también ayudamos al usuario a reconocer qué dato le estamos pidiendo.