¿Cómo poner cuadros de texto en un formulario html 5
Muchos de los usos elementos de formulario HTML 5 se basan en el entrada etiqueta. Este caballo de batalla de creación de la página web es una etiqueta de propósito general que se utiliza para hacer una serie de objetos de entrada interesantes, pero no es el único tipo de cuadro de texto a su disposición. También puede crear campos de contraseña y cuadros de texto de varias líneas, como se muestra en la parte superior de esta forma de demo.
El código para los cuadros de texto en esta figura se ve así:
formDemo.html forma de demo
Un cuadro de texto básico
La construcción de un cuadro de texto básico es sencillo:
Crear un elemento de entrada.
La etiqueta crea la estructura general del elemento.
Selecciona el tipo a “texto“ toindicate que está la construcción de un elemento de texto estándar, no algo más elaborado.
Añadir una carné de identidad atribuir a nombre del elemento.
Esto es muy importante cuando se agrega javascript para la página porque su código javascript utilizará el ID para extraer los datos del formulario.
Añadir los datos por defecto.
Puede agregar datos por defecto si usted quiere, usando valor atributo. Cualquier texto que ha depositado en el valor será el valor por defecto de forma.
El elemento de texto coloca una pequeña caja en la pantalla. Cuando un visitante de su página Web activa la casilla, el cursor cambiará a una viga, y su visitante será capaz de escribir texto en el cuadro.
Un campo de contraseña
los contraseña campo, que se muestra en la figura, se ve similar al campo de texto normal, pero tiene una diferencia principal: Cuando el usuario escribe datos en el campo de la contraseña, el contenido del campo se sustituye por asteriscos.
UN contraseña campo utiliza el mismo entrada etiqueta como un campo de texto básico. La única diferencia es que se establece el carné de identidad atribuir a "contraseña".
Los asteriscos reemplazo pueden evitar que un espectador mal de descubrir la contraseña, pero un campo de contraseña no ofrece ninguna seguridad real - especialmente si utiliza javascript, lo que hace el código de recuperación libremente disponible para el navegador. javascript no es el idioma a utilizar si desea mantener un montón de secretos.
Un cuadro de texto de varias líneas
A veces se quiere dar a los visitantes a su página Web la posibilidad de introducir varias líneas de texto. el HTML5 área de texto elemento es perfecto para esta situación. Aquí es cómo hacer su propia área de texto:
Comience con el etiqueta para indicar el comienzo de un cuadro de texto de varias líneas.
Utilizar la etiqueta para dar a su área de texto un nombre si lo desea.
Especificar el número de filas.
Indicar el número de filas (o líneas) de texto que desea que el área de texto que contiene. cajas más grandes con capacidad para más de texto, sino que requieren más espacio en la pantalla.
Indicar el número de columnas.
Video: COMO HACER UN HERMOSO FORMULARIO - INICIO DE SESIÓN (muy fácil) - HTML5 - CSS3
El número de columnas muestra el ancho (en caracteres) del cuadro de texto debe ser. Una forma de la página de anchura generalmente es de 80 caracteres.
Añadir la etiqueta de cierre.