HTML5, CSS3 y JavaScript Nivel 2

HTML5, CSS3 y JavaScript. Nivel 2

UD1. Formularios en HTML5

Resumen

-1- Resumen Unidad 1

 HTML5, CSS3 y JavaScript Nivel 2

RESUMEN

Capítulo 1: Formularios en HTML5.

 Los formularios van insertados entre las etiquetas de <form> las

cuales reciben parámetros como “name”, “action”, “method” o
“enctype” entre otros
 Un campo tipo “input” permite la entrada de datos y recibe
parámetros como son “name”, “placeholder” o “type”, entre otros.
 El parámetro “type” indica el tipo de campo y dato al que hacemos
referencia y puede tomar valores de “text”, “date”, “number”,
“password”, “radio”, “checkbox”, “color”, “range”, “file”, “email”,
“submit”, “button” o “reset”
 Para crear listas se hace uso del control “select” donde cada valor de
la lista se define en la etiqueta <option>
 Mediante el uso de los controles <input> y <datalist> podemos crear
listas de sugerencias, las cuales permiten escribir un valor distinto.
Para su correcto funcionamiento la variable “autocomplete” ha de
estar a “on”
 El comando “pattern” permite crear patrones de introducción de
datos,
 Para crear campos tipo observaciones se emplea el control
<textarea>

-2- Resumen Unidad 1

 HTML5, CSS3 y JavaScript Nivel 2

RESUMEN

Capítulo 2: API Forms.

 El método “setCustomValidity(mensaje)” permite la creación de

mensajes personalizados
 El método “addEventListener” permite escuchar eventos que se
produzcan sobre los objetos y así lanzar funciones. El tercer
parámetro normalmente tiene el valor de false, en caso contrario
ejecutaría otras acciones con anterioridad. Este evento es muy
importante ya que puede escuchar cada cambio en un elemento y
comprobar el estado en el instante.
 El evento “invalid” es disparado cada vez que se produce un error en
el envío de un formulario, además, es disparado por el objeto que
produce el error, por ello podemos tener localizado siempre el
elemento erróneo.
 Igualmente podemos controlar los eventos “change” y “clic” sobre los
objetos.
 El método “checkValidity” nos permite validar los campos antes de
su envío a través de “submit”.

-3- Resumen Unidad 1

 HTML5, CSS3 y JavaScript Nivel 2

RESUMEN

Capítulo 3: API Video y Audio

 La inclusión de videos en HTML5 se hace mediante la etiqueta

<video> la cual recibe varios parámetros, como son “src”, “loop”,
“autoplay”, “poster” y “controls”
 Para asegurarnos la correcta visualización debemos subir el video en
formatos “mp4” y “ogg”, como mínimo.
 Los eventos más importantes para el procesamiento de video son
”progress”, “ended”, “pause” y “play”.
 Y los métodos más destacados son “play()”, “pause” y “load()”.
 Igualmente, las propiedades más destacadas para este objeto son
“paused”, “ended” y “duration”.
 Únicamente controlando los eventos sobre el video y lanzando los
métodos que modifiquen las propiedades en cada momento podemos
tener un control total sobre los comandos que permiten visualizar
cualquier video.
 Lo mismo que hacemos para el video se puede realizar para el audio,
únicamente debemos tener en cuenta la diferencia de una pantalla de
visualización y la inserción a través de la etiqueta <audio>.

-4- Resumen Unidad 1