¿Escribir un código html para el formulario de solicitud de ingreso a la universidad usando casillas de verificación, botones de radio, botones de envío y menú desplegable?

Creación de formulario, botón de radio, casilla de verificación y menú desplegable en HTML

En esta publicación veremos cómo podemos crear formularios en HTML. Los formularios se pueden utilizar para obtener información de los usuarios. Y esa información puede ser de diferentes tipos.

Así que podemos crear áreas de texto simples, botones de radio , casillas de verificación y menús desplegables para obtener información del usuario. Esta información que obtendremos del formulario HTML puede procesarse más adelante con lenguajes de programación como JavaScript , PHP , etc.

Te mostraré cómo usar esa información usando JavaScript y PHP en mis próximas publicaciones. Pero por ahora, solo creamos el formulario sin preocuparnos por la funcionalidad.

Creando un formulario HTML simple

Para crear el formulario tendrás que usar la etiqueta del formulario en HTML. Dentro de las etiquetas de formulario puede crear un campo de entrada usando la etiqueta de entrada. Ahora la entrada puede ser de diferentes tipos. Para este ejemplo, utilizaremos una entrada de texto simple.

[html]

[/ html]

Ingrese el país:

Explicación : hemos utilizado la etiqueta de formulario para crear un formulario HTML. Hemos utilizado el nombre, la acción y el método como atributos de formulario.

1. El nombre del atributo define el nombre de este formulario.
2. La acción del atributo define el archivo que el navegador debe abrir cuando se envía el formulario.
3. El método de atributo define la forma en que se debe enviar la información.

Simplemente ignora los atributos de formulario por ahora. Lo veremos en otro post. Dentro de las etiquetas de formulario hemos utilizado la etiqueta de entrada. La etiqueta de entrada define un campo vacío. Hemos utilizado dos atributos con la etiqueta de entrada.

1. El atributo de tipo define el tipo de entrada.
2. El atributo de nombre define el nombre de la variable. name = “abc” es casi igual que $ abc = o String abc = . Espero que captes la idea.

Campo de contraseña

En lugar de utilizar el cuadro de entrada simple, podemos usar un tipo especial de cuadro de entrada para Contraseñas. De esta manera la contraseña se ocultará cuando se ingrese Tiene que cambiar el tipo de contraseña para crear un campo de contraseña.

[html]

[/ html]

Introducir la contraseña:

Botones de radio

Los botones de opción son útiles cuando desea que el usuario seleccione una opción entre muchas. Por ejemplo, los botones de radio se pueden usar para obtener información sobre el género del usuario. El usuario puede elegir solo una opción – masculina o femenina.

[html]

Male

Female

[/ html]

Masculino

Hembra

Cuando escribimos nombre = “sexo” valor = “masculino” , es casi lo mismo que decir sexo = “masculino” . Aquí no podemos seleccionar ambos botones de radio porque solo hay un nombre pero dos valores . Y el nombre solo puede tener un valor a la vez.

Pero si estos dos botones de opción tienen un atributo de nombre diferente, entonces podrá seleccionar ambos botones de opción. Puedes ver el ejemplo en vivo a continuación.

[html]

Male

Female

[/ html]

Masculino

Hembra

Casilla de verificación

Al igual que los botones de radio, tienes algo llamado como casilla de verificación en HTML. Usando la casilla de verificación puede permitir al usuario seleccionar múltiples opciones de la lista.

[html]

JavaScript

[/ html]

¿Cuales lenguajes conoces?

PHP

JavaScriptUtilice el mismo atributo de nombre para una lista de casilla de verificación. Esto es como tener un cuadro llamado “mybox” y colocar todos los elementos seleccionados en “mybox” . Ahora, cuando abrimos el cuadro llamado “mybox” , podrá recuperar todos los elementos dentro de ese cuadro.

Menú desplegable

Puede crear un menú desplegable utilizando las etiquetas de selección y opción. Supongamos que desea que el usuario elija entre Windows, Linux, Mac. Puede crear un menú desplegable para eso utilizando el siguiente código:

[html]

Windows Linux Mac

[/ html]

Windows

Linux

Mac

El concepto es casi el mismo. El valor de la opción seleccionada se establecerá en el nombre del menú. En este caso, si seleccionamos Linux de la lista desplegable, la variable OPSYS se establecerá en LIN de la siguiente manera: OPSYS = “LIN” .

Escribí un script que debería ayudarlo a distribuir una aplicación CRUD basada en la base de datos completa con el código, etc. El tutorial y el proyecto están disponibles en Leo-G / Flask-Scaffold