Cuadro de texto de formulario html
Propósito de un cuadro de texto en formularios HTML
Se utiliza un cuadro de texto o un campo de texto en un formulario HTML para recopilar datos textuales de la línea única del usuario. En general, siempre que desee darle a su usuario la libertad de ingresar el texto escribiendo en lugar de seleccionarlo desde una lista predefinida, siempre utiliza un cuadro de texto HTML o un campo de texto. La siguiente sección describirá el procedimiento de crear un cuadro de texto en forma HTML.
Creación de cuadros de texto en formularios HTML
Para aprender la creación de cuadros de texto en formularios HTML, puede considerar los dos ejemplos explicados a continuación:
Ejemplo # 1: Creación de cuadros de texto simples en formularios HTML
En este ejemplo, nuestro objetivo es crear cuadros de texto simples en formularios HTML para recopilar información específica. Sin embargo, no queremos tomar más medidas después de eso. Hemos diseñado el siguiente script HTML para crear cuadros de texto simples dentro de los formularios HTML:
Puede ver que en este script, primero hemos proporcionado un encabezado para notificar al usuario sobre el propósito de este script HTML. Luego, dentro de la etiqueta "Formulario" (ya que estamos creando un formulario HTML), hemos definido tres cuadros de texto diferentes con etiquetas "nombre", "edad" y "género" para recopilar el nombre, la edad y el género del usuario respectivamente. Todas estas etiquetas, así como los cuadros de texto asociados, aparecerán en líneas separadas. El usuario podrá ingresar la información que desee dentro de estos cuadros de texto. Sin embargo, no podrá tomar más medidas después de ingresar esta información.
Cuando ejecutamos nuestro script HTML, la página web que apareció en nuestro navegador se muestra en la imagen a continuación. Esta página web contiene los tres cuadros de texto.
Ahora, puede ingresar cualquier información aleatoria dentro de estos cuadros de texto, como se muestra en la siguiente imagen:
Ejemplo # 2: Creación de cuadros de texto con un botón de acción en formularios HTML
En este ejemplo, modificaremos ligeramente el script HTML que hemos creado anteriormente. Queremos hacer esta modificación para introducir un botón de acción dentro de nuestro formulario HTML. Tendrá que mirar el script HTML que se muestra a continuación para comprender esta modificación:
Este script HTML es casi el mismo que hemos compartido anteriormente; Sin embargo, antes de cerrar la etiqueta de "formulario", hemos creado un botón de "enviar" en este formulario para que el usuario pueda presionar este botón después de ingresar la información relevante en el formulario. Sin embargo, no hemos creado ninguna página de acción. Por lo tanto, hacer clic en este botón no lo navegará a ninguna página nueva.
La página web modificada de acuerdo con este script HTML se muestra en la siguiente imagen:
Ahora, ingresaremos alguna información en cada uno de estos cuadros de texto, como se muestra en la imagen a continuación:
Después de ingresar esta información, cuando presionamos el botón "enviar", solo la URL de nuestra página web cambió, mostrando el nombre, la edad y el género que acabamos de ingresar. Esto se muestra en la siguiente imagen. Sin embargo, después de hacer esto, simplemente fuimos redirigidos a un formulario HTML en blanco, ya que no creamos ninguna página de acción en primer lugar.
Conclusión
Este artículo fue escrito teniendo en cuenta la necesidad de usar cuadros de texto en formularios HTML. Por lo tanto, primero explicó el propósito de este elemento HTML, seguido del método de crear cuadros de texto en formularios HTML. Una vez que aprenda este método, será un pedazo de pastel para usted crear tantos cuadros de texto en sus formularios HTML según sea necesario.