Saltar navegación

FormularioHTML_subtitulado

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 24 de junio de 2023 por Gloria M.

12 visualizaciones

Formulario HTML. Vídeo subtitulado con generación manual de subtítulos.

Más información Transcripción

Descargar la transcripción

Dentro del módulo de lenguaje de marcas vamos a ver hoy el código HTML aplicado a un formulario web. 00:00:00
Aquí tenemos el ejemplo de un formulario, vamos a ver los elementos que contiene. 00:00:08
Tenemos un título arriba y después tenemos dos áreas delimitadas por cuadrados y además por un título. 00:00:12
Son datos de la incidencia y botones de reset y envío. 00:00:21
En la primera sección lo que vemos son cuatro datos que el usuario debe rellenar. 00:00:24
Por ejemplo este sería el usuario, aquí tenemos una lista desplegable donde tenemos que elegir una de las opciones, aquí tenemos un text area donde podemos poner por ejemplo las observaciones o lo que sea, la contraseña que tiene la particularidad de que no se ve el texto al escribir y tenemos después los botones de resetear y de enviar. 00:00:29
Si damos a resetear, se borran los datos previamente introducidos y si damos a enviar, todos los datos que hemos introducido, si son correctos, se enviarán. 00:00:52
Para ver el código HTML que ha generado este formulario, podemos pulsar con el botón derecho, ver código fuente y acceder al código HTML. 00:01:04
Este sería el código HTML, empezando por la etiqueta HTML y vamos a fijarnos especialmente en la parte del formulario que es la que estamos hablando. 00:01:16
La etiqueta form es todo esto con todo su contenido. 00:01:26
Si nos fijamos, hay dos atributos básicos en esta etiqueta, como es el ation. 00:01:30
La etiqueta ation lo que hace es mandar los datos al servidor que le indiquemos. 00:01:35
En este caso está vacío, porque no tenemos previsto ningún servidor que recoja esa información. 00:01:40
Y después el método, que puede ser método get o post, normalmente. 00:01:46
En este caso hemos elegido el get. 00:01:49
Las dos áreas que hemos visto anteriormente son dos field sets 00:01:51
Tenemos aquí el primero y aquí tenemos el segundo 00:01:56
Cada uno de ellos tiene un título que es un legend 00:01:59
El primero es datos de la incidencia y el segundo es botones de reset y envío 00:02:02
Si nos fijamos en el primer field set 00:02:07
Lo que vemos es que tenemos un input de tipo test para introducir el usuario 00:02:10
Después tenemos una lista desplegable que le hemos dado a ese dato el nombre de departamento con tres posibles opciones que son informática, marketing y ventas 00:02:16
Después tendríamos el text area, es decir, la zona de texto donde podemos explayarnos un poquito más escribiendo las observaciones o lo que queramos 00:02:26
Y por último tenemos otro input más, en este caso es de tipo password, de manera que al escribir no va a ser visible las letras que estamos tecleando 00:02:35
en el segundo field set simplemente tenemos dos botones 00:02:45
el botón del tipo reset que lo que hace es borrar los datos que hemos introducido previamente 00:02:49
por si queremos volver a empezar 00:02:55
y el botón de tipo submit que lo que va a hacer es enviar los datos al servidor 00:02:56
que hayamos indicado aquí en este atributo, aquí el atributo action 00:03:02
Idioma/s:
es
Idioma/s subtítulos:
es
Autor/es:
Gloria Martínez Rivera
Subido por:
Gloria M.
Licencia:
Todos los derechos reservados
Visualizaciones:
12
Fecha:
24 de junio de 2023 - 13:49
Visibilidad:
Clave
Centro:
IES LUIS BRAILLE
Duración:
03′ 12″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
10.59 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid