Cómo utilizar los campos de texto en su forma html5
Se puede utilizar una variedad de tipos de campos de entrada de sus formas, tales como texto, contraseña, radio (botón), caja, oculto, buscar, tel (número de teléfono), url, correo electrónico (dirección), fecha y hora, fecha, mes, semana, hora, fecha y hora local, número, distancia (Fija un intervalo de valores numéricos), color, y más.
No todos los campos requieren valores para el nombre y tipo de atributos (por ejemplo, cuadro de texto o campos de contraseña), pero es una buena idea para proporcionar a los usuarios con las etiquetas y los ejemplos de los datos de entrada en cualquier momento puede ser que tengan preguntas acerca de los formatos explicativos - como cuando ponderando si incluir guiones o espacios en los números de tarjetas de crédito.
Las casillas de verificación y botones de radio, por el contrario, requieren dicha información para que puedan ser etiquetados correctamente cuando el navegador muestra a los usuarios qué opciones están disponibles.
Video: HTML Básico – 14. Formularios HTML5, parte 1
Para los elementos de entrada que requieren que un usuario seleccione una opción (una casilla de verificación o un botón de radio) en lugar de escribir algo en un campo, puede definir tanto el nombre como el valor. Cuando el usuario selecciona una casilla de verificación o un botón de radio y luego hace clic en Enviar, el formulario devuelve el nombre y el valor asignado al elemento.
Campos de texto son campos de una sola línea en el que los usuarios escriben información. Cuando es necesario ofrecer al usuario la oportunidad de llenar más de una línea, se utiliza un cuadro de texto.
Video: Formulario HTML, Auto llenado con PHP - SELECT Tag
Aquí es cómo crear un campo de texto de una sola línea:
Definir el tipo de entrada como un campo de texto utilizando el elemento con el tipo atributo establecido como texto.
A continuación, utilice el nombre atribuir a dar al campo de entrada de un nombre.
El usuario suministra el valor cuando se teclea en el campo.
Video: HTML 5 DESDE CERO Cap. 5 Editor de Texto Sublime Text 2 @ADNDC @adanjp
El siguiente código crea dos campos de entrada de texto, uno para un nombre y una para un apellido:
Además de los elementos, este marcado incluye lista (y) elementos y algo de texto para etiquetar cada campo de entrada. Por sí mismos, la mayoría de los elementos de formulario no dan muchas pistas sobre el tipo de información que desea que entren.
Debe utilizar elementos de bloque HTML y en línea para dar formato a la apariencia de su forma y también para facilitar el texto necesario. La figura muestra cómo un navegador muestra este tipo de HTML.
Se puede controlar el tamaño de un campo de texto con los siguientes atributos:
tamaño: La longitud (en caracteres) del campo de texto
longitud máxima: El número máximo de caracteres que el usuario puede escribir en el campo de
El siguiente código crea un formulario que establece ambos campos a una tamaño de 30 (caracteres de longitud) y una longitud máxima (de 25 caracteres). A pesar de que cada campo será de unos 30 caracteres de longitud, un usuario puede escribir sólo 25 caracteres en cada campo, como se muestra en la figura.
(Ajuste de la tamaño atribuir mayor que longitud máxima asegura que el campo de texto siempre tendrá algún espacio en blanco entre la entrada del usuario y el final del cuadro de campo en pantalla- usted no tiene que hacer esto por sí mismo, pero es agradable a la vista.)
Video: 10 - Caja de Texto HTML y PHP
