Índice

Los objetos de texto

1. El campo de texto

El primer objeto de formulario que permite introducir texto, el campo de texto está hecho para introducir informaciones cortas, de una sola línea.

Para insertar un campo de texto, en el menú Insertar - Formulario, seleccione Texto. O en el panel Insertar, categoría Formulario, haga clic en Texto.

images/15OWT-03.png

El campo Texto se inserta en el formulario.

images/18C15-004.png

Seleccione la etiqueta llamada por defecto Text Field e introduzca el texto deseado. Nombre en este ejemplo.

images/15OWT-03B.PNG

Seleccione el objeto campo de texto para configurarlo en el panel Propiedades.

images/15OWT-04.PNG

En el campo Name, introduzca el nombre del campo.

En la lista desplegable Class, seleccione la clase CSS para componer ese campo. En el próximo capítulo veremos la composición CSS de formularios.

En el campo Size, puede indicar el ancho del campo en caracteres. Pero se trata de una composición HTML; daremos prioridad a las CSS y por tanto no usamos ese campo.

En el campo Max Length, indique el número máximo de caracteres que podrá introducir el usuario. Pero existen otras soluciones HTML5 con el campo Pattern.

En el campo Value, se puede introducir un texto que aparecerá en el campo, para indicar una consigna, por ejemplo. Pero es preferible la solución del Place Holder de HTML5.

En el campo Title introduzca el título del campo que aparecerá al pasar el ratón por encima.

En el campo Place Holder, introduzca el texto que aparecerá inicialmente ...