1 00:00:00,750 --> 00:00:04,530 Entonces, lo próximo que queremos hacer aquí es introducir la etiqueta del foro. 2 00:00:04,800 --> 00:00:10,280 En este momento, lo que tenemos es algo que podríamos llamar una forma en inglés pero que técnicamente lo deshicimos. 3 00:00:10,320 --> 00:00:11,860 No se considera una forma. 4 00:00:11,970 --> 00:00:15,210 Tiene solo tres entradas que no están relacionadas. 5 00:00:15,210 --> 00:00:16,730 Así que recuerda el punto de una forma. 6 00:00:16,740 --> 00:00:19,360 Es solo un contenedor donde ponemos nuestras entradas. 7 00:00:19,380 --> 00:00:24,110 Entonces, sí, pueden existir individualmente individualmente fuera de un formulario y, a veces, lo tendremos. 8 00:00:24,330 --> 00:00:30,600 una forma de empaquetar algo que queremos enviar juntos, tiene sentido que hagamos una etiqueta de formulario. 9 00:00:30,600 --> 00:00:32,370 Pero si se trata de 10 00:00:33,150 --> 00:00:39,970 Así que voy a continuar y colocar estos datos en la etiqueta del formulario y guardarlos. 11 00:00:40,740 --> 00:00:45,010 Y recuerda en una forma que hay dos atributos que discutimos. 12 00:00:45,020 --> 00:00:53,640 Hay acción que es donde el formulario envía datos a. 13 00:00:53,640 --> 00:01:03,940 Y luego está el método que es el método HET GET o POST. 14 00:01:04,080 --> 00:01:08,800 Y solo para refrescar esa barra de comandos de acceso directo para obtener el comentario. 15 00:01:09,330 --> 00:01:10,570 DE ACUERDO. 16 00:01:10,680 --> 00:01:15,900 Entonces, si actualiza la página, nada cambiará o parecerá que nada cambia. 17 00:01:15,900 --> 00:01:18,310 Hay un cambio realmente pequeño. 18 00:01:18,390 --> 00:01:29,730 Así que si agrego algo de texto aquí y no tengo la etiqueta del formulario o la página, verá que todo está en línea tan pronto 19 00:01:29,730 --> 00:01:38,850 como agregue la etiqueta del formulario. Sin embargo, la forma empuja es un bloque de Allaman que empuja hacia abajo ese 20 00:01:38,850 --> 00:01:40,750 texto a la nueva línea. 21 00:01:41,130 --> 00:01:49,080 Por lo tanto, una cosa menor, pero aparte de que se ve idéntica, hay un cambio funcional a través de mi 22 00:01:49,080 --> 00:01:49,530 forma. 23 00:01:49,530 --> 00:01:53,660 Ahora si actualizo la página realmente hace algo, no es muy impresionante. 24 00:01:53,700 --> 00:01:58,820 Pero si llene mi nombre de usuario y contraseña, presiono enviar. 25 00:01:58,860 --> 00:02:04,710 Presta atención aquí mismo y verás que mi página en realidad se actualiza y mis datos desaparecen. 26 00:02:04,850 --> 00:02:10,350 Este botón para actualizar la página se activa brevemente como puede ver. 27 00:02:10,470 --> 00:02:13,140 Entonces mi formulario está siendo enviado. 28 00:02:13,140 --> 00:02:16,910 La cuestión es que solo se envía al mismo lugar donde estoy ahora. 29 00:02:16,920 --> 00:02:21,300 Por lo tanto, de forma predeterminada, si no especifico una acción, irá al mismo lugar donde estoy solo 30 00:02:21,300 --> 00:02:22,410 para actualizar la página. 31 00:02:22,560 --> 00:02:26,580 Y si no especifico un método, va a ser una solicitud GET. 32 00:02:27,060 --> 00:02:28,770 Entonces podríamos entrar y cambiar eso. 33 00:02:28,810 --> 00:02:33,250 Podríamos decir que la acción y el método son iguales. 34 00:02:33,270 --> 00:02:45,240 Y cambiemos en algo más hagamos acción igual que HTP colon slash slash El método de Wikipedia dot com sería una 35 00:02:46,030 --> 00:02:51,750 solicitud GET o actualiza la página, completemos algunos datos aquí. 36 00:02:51,870 --> 00:02:54,090 Completa mi formulario, haz clic en enviar. 37 00:02:54,090 --> 00:02:59,490 Esta vez no enviaré la solicitud a la misma página en la que estoy para enviar una 38 00:03:03,420 --> 00:03:06,220 solicitud a Wikipedia y técnicamente esto debería ser Wikipedia. 39 00:03:06,540 --> 00:03:10,780 Pero son lo suficientemente inteligentes como para darse cuenta de que la gente intenta ir a punto com todo el 40 00:03:10,780 --> 00:03:12,160 tiempo y simplemente redirige a punto org. 41 00:03:13,020 --> 00:03:16,120 OK, entonces ese es un punto de acción, es a donde enviamos datos. 42 00:03:16,140 --> 00:03:21,530 Por supuesto, no vamos a enviar datos a Wikipedia, Google o Facebook desde un foro. 43 00:03:21,600 --> 00:03:26,940 Vamos a enviarlo a nuestro servidor por nuestra cuenta y crearlo, pero aún no lo tenemos. 44 00:03:27,240 --> 00:03:32,910 Entonces, por ahora, solo estamos demostrando que podemos cambiar el destino de los datos alterando la acción. 45 00:03:33,510 --> 00:03:39,900 Así que voy a seguir adelante y deshacerme de ambos y simplemente mantenerlo como una forma donde la acción va a 46 00:03:39,900 --> 00:03:44,510 actualizar la misma página en la que estamos y el método se va a obtener. 47 00:03:45,180 --> 00:03:50,880 Y si se siente confundido con eso, pasaremos mucho tiempo hablando de solicitudes 48 00:03:50,910 --> 00:03:52,660 HTP, métodos y acciones. 49 00:03:53,070 --> 00:03:54,350 Así que llegaremos allí. 50 00:03:54,360 --> 00:03:58,630 Por ahora, esto es puramente sobre la parte delantera de hacer la forma. 51 00:03:58,740 --> 00:04:04,380 Entonces, hay otra cosa de la que quiero hablar aquí es que cuando presentamos este 52 00:04:04,380 --> 00:04:10,850 formulario, los datos se envían junto con esta solicitud y hay una forma de que podamos ver eso. 53 00:04:10,860 --> 00:04:15,250 Entonces, si damos un nombre a cada pieza de datos que queremos que se envíe. 54 00:04:15,300 --> 00:04:16,720 Entonces es un atributo de nombre. 55 00:04:17,010 --> 00:04:23,370 Voy a llamarlo nombre de usuario en el nombre de usuario y poner y luego voy a decir que el nombre es 56 00:04:23,870 --> 00:04:27,550 igual a la contraseña en la entrada de la contraseña y lo guardo. 57 00:04:27,550 --> 00:04:32,060 Tecleo un nombre de usuario, la contraseña se probará uno dos tres. 58 00:04:32,160 --> 00:04:40,680 Presta atención aquí mientras presento esto y verás que obtengo mis datos agregados en este nuevo formato que no hemos 59 00:04:40,680 --> 00:04:41,250 visto. 60 00:04:41,250 --> 00:04:42,720 Se llama cadena de consulta. 61 00:04:42,750 --> 00:04:46,580 Otro de esos temas dedicará mucho más tiempo y podremos expresarlo. 62 00:04:46,710 --> 00:04:52,410 Básicamente se trata de un signo de interrogación seguido de pares de valores clave separados por símbolos. 63 00:04:52,860 --> 00:04:55,830 Entonces tengo un nombre de usuario que es el nombre que configuro. 64 00:04:55,950 --> 00:05:00,850 Igual a resti, que es el valor de esa contraseña de entrada, es el nombre que configuré. 65 00:05:00,900 --> 00:05:04,120 Prueba igual a 1 2 3. 66 00:05:04,290 --> 00:05:09,150 Entonces, el objetivo de todo esto es que podemos dar nombres a los datos sin procesar a nuestros datos 67 00:05:09,150 --> 00:05:10,890 para que luego podamos recuperarlos más tarde. 68 00:05:10,890 --> 00:05:14,830 Entonces, por supuesto, no enviaríamos una contraseña a través del euro. 69 00:05:14,940 --> 00:05:19,060 En realidad, no le informamos a un usuario que cualquier usuario ve la contraseña. 70 00:05:19,290 --> 00:05:23,830 Y eso se debe a que utilizamos una solicitud posterior generalmente en lugar de una solicitud de obtención. 71 00:05:23,850 --> 00:05:25,690 Hay formas de evitar esto. 72 00:05:25,710 --> 00:05:27,550 De nuevo, esto es todo para más adelante en la clase. 73 00:05:27,630 --> 00:05:31,380 Pero lo importante es que esto no es algo que te estoy mostrando porque lo harás todo el tiempo. 74 00:05:31,410 --> 00:05:36,540 Te lo estoy mostrando porque ilustra el hecho de que cuando escribimos algo en un formulario y le damos 75 00:05:36,540 --> 00:05:42,420 algunos datos, al hacer clic en "enviar", los datos se extraen de ese formulario y se envía una solicitud a algún lugar. 76 00:05:42,570 --> 00:05:45,670 Y en este caso, se envía al mismo lugar donde ya estamos. 77 00:05:45,810 --> 00:05:53,190 Pero si cambiamos esto para que sea acción y volvamos a la Wikipedia Wikipedia 78 00:05:57,920 --> 00:05:59,960 o usamos el nombre 79 00:06:02,870 --> 00:06:09,080 Rusty password test uno dos tres, verá que me lleva a Wikipedia. 80 00:06:09,420 --> 00:06:11,220 Y agrega mis datos aquí. 81 00:06:11,280 --> 00:06:14,530 Así que hemos enviado una solicitud con éxito utilizando ese formulario. 82 00:06:14,910 --> 00:06:21,480 Y en esa solicitud, los datos se extrajeron de los campos de nombre de usuario y contraseña y luego se 83 00:06:21,480 --> 00:06:23,240 enviaron junto con la solicitud. 84 00:06:23,280 --> 00:06:27,030 Esa es la base de todos los tipos de formularios que vamos a hacer. 85 00:06:27,030 --> 00:06:32,540 No siempre se trata de una solicitud de obtención, pero nuestros formularios más adelante extraen los datos, los envían a algún 86 00:06:32,940 --> 00:06:35,940 lado y luego procesamos los datos y los recibimos en el back-end.