Códigos de campo de introducción de texto HTML

Adición de un área para la entrada de texto en una página web puede parecer una tarea mucho más compleja que la mayor parte de codificación básica Web. Sin embargo, como siempre que se sepa lo básico y saber que tipo de entrada de texto campos que desea añadir, puede hacerlo. Los diferentes tipos de campos de texto utilizan el código ligeramente diferente, pero ninguno de ellos requieren más que unas pocas etiquetas HTML para crear.

Pequeño campo de texto

La creación de un pequeño campo de texto, HTML estándar en sólo requiere una sola etiqueta. El código básico para estos campos es el siguiente: <input type = "text" />. Desde la etiqueta incluye una barra invertida al final, no es necesario añadir una etiqueta de cierre. Si usted tiene más de un campo de texto en una página, es generalmente útil para nombrar cada uno de ellos individualmente para que pueda identificar lo que el texto se ha añadido a qué campo. Para ello, agregue un espacio y el código "name =" "" sin las comillas externas justo antes de la barra invertida, y luego añadir una sola palabra en nombre entre comillas.

El campo Contraseña

Los campos de contraseña son idénticos en casi todos los aspectos a los campos estándar de texto pequeños. La única diferencia es, ya que están acostumbrados a dejar que la gente escriba una contraseña, el texto añadido a ellos se oscurece; lo que se ingrese en un campo de contraseña se mostrará como una cadena de asteriscos por lo que nadie puede mirar a la pantalla para robar la contraseña de alguien. El código base para un campo de contraseña se ve así: <input type = "password" />. Se puede nombrar a los campos de contraseña en la misma manera que los campos de texto.

El campo de texto grande

Haciendo un campo de texto más grande requiere un poco más de código que uno pequeño. Usted tiene que utilizar dos etiquetas "textarea" y definir el tamaño del campo, por lo que el código base se ve así: <textarea filas = "" cols = ""> </ textarea>. A continuación, introduzca los números de entre las comillas para definir el número de filas y columnas de texto del campo será capaz de mostrar a la vez. Puesto que el campo utiliza dos etiquetas, puede introducir texto entre las etiquetas y se mostrará automáticamente en el interior del campo de texto.

Forma Etiquetas

En cualquier momento que añadir áreas de texto a una página Web, que debe rodear a todos con etiquetas de formulario si desea que el navegador para reconocerlos como una forma de entrada. Las etiquetas tienen el siguiente aspecto: <form> </ form>. Algunas formas requieren secuencias de comandos complejas para ser cargados en el propio servidor, sino una forma básica sólo se puede enviar por correo electrónico el texto a una dirección especifica. Para ello, agregue el código siguiente a la etiqueta de formulario abertura en el medio de la palabra "forma" y el corchete de cierre: action = "mailto:" method = "post" enctype = ". Text / plain" Agregar la dirección de correo electrónico que desea que los datos de formularios enviados a tras los dos puntos siguientes "mailto". También debe agregar un botón "Enviar" entre las etiquetas de formulario, el código para que se parece a esto: <input type = "submit" value = "Enviar">.