Tarea de la Sesion 5 - Programacion Web

1. Tarea de la Sesión 5
PROGRAMACIÓN WEB
Manuel Alfonso Espinoza Castañeda - 216795534

2. PRIMEROS PASOS
Empezamos creando el documento
HTML llamado “Practica de la Sesión
5” para después hacer un DIV en el
cual programaremos una etiqueta
“fieldshet> para encerrar en un
recuadro el div. Junto con la etiqueta
“Leyend” para sobreponer el titulo del
mismo.
Programamos una etiqueta “Form”
esto para enviar la información
recopilada a la segunda pagina, en
este caso la pagina llamada
“Funciones_Usuario_2023ª”
Esta etiqueta contiene los atributos:
Action, Method y ID.

3. CAJA DE SELECCIÓN
A continuación creamos la caja de
selección con el nombre y id
“BoxNumbers”
Escribimos 6 etiquetas “Option” con
valores de numero enteros del 0 al
50 esto de 10 en 10.
CAJA DE TEXTO OCULTO
A continuación creamos una caja de
texto oculto con la etiqueta “input”
con la etiqueta “hidden” esta tendrá
el nombre y id de “txt_tunombre”
junto con el nombre como valor.

4. BOTÓN DE COMANDO
SUBMIT
Agregamos el botón de
comandos “submit” esto
mediante la etiqueta “input”,
este mismo contendrá los
valores type, name y value, en
este caso el Value es “Enviar
Datos”
Aquí se puede ver el formulario
y los atributos programados
funcionando correctamente

5. VALIDACIÓN DEL FORMULARIO
Como siguiente paso de la validación,
el la primer pagina de php
añadiremos la liga del JS
Esto con la etiqueta “script”
seleccionamos el lenguaje
“javascript” y por ultimo añadimos la
liga del formulario validado.
A continuación validamos el
formulario para que el mismo no
acepte valores nulos.
En este caso se coloca la función
junto con el nombre, en este caso
“ValidaFormulario”
Después se crea una variable que
tendrá los valores de “BoxNumbers”
Y para terminar añadiremos un IF
para que este verifique el resultado
proporcionado por el usuario.

6. VALIDACIÓN DE
FORMULARIO
En esta imagen se puede ver
formulario validado y
funcionando correctamente

7. FUNCIONES USUARIO
Creamos la variable numero ya ella
le agregaremos la variante
superglobal”POST” y le asignamos
“BoxNumbers
Llamamos la tabla anteriormente
creada con un div y hacemos un ciclo
Do-While
Colocamos la variable “numero” y
mediante el uso de echos asignamos
los atributos de la tabla y cerramos el
div.

8. FUNCIONES DE
USUARIO
Ahora creamos otra variable que
será llamada “tunombre” esta
variable al igual que la otra, tendrá
el valor SuperGlobal”Post”
Por ultimo en la colocaremos la
función de la variable numero y
mediante un echo lo enlazaremos a
la variable “tunombre”-

9. FINAL
Por ultimo aquí se puede ver
funcionando la pagina
correctamente 👍
LINK DE LA ACTIVIDAD: http://othermenny.atspace.cc/paginas/tarea_sesion5_manuel.php