DWEC UF3

Completa el código OPCION 1 para que forme un elemento botón en HTML y ejecute la sentencia JavaScript cuando se haga un click encima del botón. Ten en cuenta que cada campo de texto va justo delante de cada símbolo “=”. <input OPCION 1= "Aceptar" OPCION 2 ="button" OPCION 3 ="alert('Ilerna Online')" />. type. onclick. value.

Completa el código OPCION 2 para que forme un elemento botón en HTML y ejecute la sentencia JavaScript cuando se haga un click encima del botón. Ten en cuenta que cada campo de texto va justo delante de cada símbolo “=”. <input OPCION 1= "Aceptar" OPCION 2 ="button" OPCION 3 ="alert('Ilerna Online')" />. type. onclick. value.

Completa el código OPCION 3 para que forme un elemento botón en HTML y ejecute la sentencia JavaScript cuando se haga un click encima del botón. Ten en cuenta que cada campo de texto va justo delante de cada símbolo “=”. <input OPCION 1= "Aceptar" OPCION 2 ="button" OPCION 3 ="alert('Ilerna Online')" />. type. onclick. value.

Enlaza los distintos tipos de eventos con su definición: Se originan cuando el usuario hace uso del ratón para realizar una acción. Eventos de ratón. Eventos de teclado. Eventos HTML. Eventos DOM.

Enlaza los distintos tipos de eventos con su definición: Se producen cuando hay algún cambio en la página del navegador. Eventos de ratón. Eventos de teclado. Eventos HTML. Eventos DOM.

Enlaza los distintos tipos de eventos con su definición: Se originan cuando el usuario pulsa alguna tecla. Eventos de ratón. Eventos de teclado. Eventos HTML. Eventos DOM.

Enlaza los distintos tipos de eventos con su definición: Son los que se originan cuando existe algún cambio en la estructura de la página. Eventos de ratón. Eventos de teclado. Eventos HTML. Eventos DOM.

Enlaza los distintos tipos de eventos con su definición: Deseleccionar el elemento. onblur. onchange. onclick. ondblclick.

Enlaza los distintos tipos de eventos con su definición: Deseleccionar un elemento que se ha modificado. onblur. onchange. onclick. ondblclick.

Enlaza los distintos tipos de eventos con su definición: Pinchar y soltar el ratón. onblur. onchange. onclick. ondblclick.

Enlaza los distintos tipos de eventos con su definición: Pinchar dos veces seguidas con el ratón. onblur. ondblclick. onclick. onfocus.

Enlaza los distintos tipos de eventos con su definición: Seleccionar un elemento. onfocus. onkeydown. onclick. onblur.

Enlaza los distintos tipos de eventos con su definición: Pulsar una tecla (sin soltar). onfocus. onkeydown. onclick. onblur.

Enlaza los distintos tipos de eventos con su definición: La página se ha cargado completamente. onfocus. onload. onclick. onblur.

Enlaza los distintos tipos de eventos con su definición: Seleccionar un texto. onselect. onload. onunload. onblur.

Enlaza los distintos tipos de eventos con su definición: Se abandona la página (por ejemplo, al cerrar el navegador). onselect. onload. onunload. onblur.

¿Qué evento utilizarías para lanzar una función en cuanto se cargará la página web?. onload. ondblclick. onkeydown. onselect.

¿Qué evento utilizarías para lanzar una función en cuanto se haga doble click sobre un botón determinado?. onload. ondblclick. onkeydown. onselect.

¿Qué evento utilizarías para lanzar una función en cuanto se pulse cualquier tecla en un campo input de tipo texto?. onload. ondblclick. onkeydown. onselect.

¿Qué evento utilizarías para lanzar una función en cuanto se seleccione un determinado texto?. onload. ondblclick. onkeydown. onselect.

Enlaza las propiedades del formulario con sus respectivas definiciones: URL a donde enviar la petición. Action. Method. acceptCharset. Enctype.

Enlaza las propiedades del formulario con sus respectivas definiciones: Indica el método a utilizar para enviar el formulario al servidor. Action. Method. acceptCharset. Enctype.

Enlaza las propiedades del formulario con sus respectivas definiciones: Conjunto de caracteres que el servidor puede procesar. Action. Method. acceptCharset. Enctype.

Enlaza las propiedades del formulario con sus respectivas definiciones: Indica el tipo de contenido usado (MIME type) para enviar el contenido del formulario en la petición: - application/x-www-formurlencoded (por defecto) - multipart/form-data (para formularios con input type=file) - text/plain. Enctype. Name. Target. Action.

Enlaza las propiedades del formulario con sus respectivas definiciones: Identifica el nombre del formulario. Enctype. Name. Target. Action.

Enlaza las propiedades del formulario con sus respectivas definiciones: Indica dónde mostrar los resultados recibidos del formulario enviado. Enctype. Name. Target. Action.

Enlaza las propiedades del formulario con sus respectivas definiciones: Indica la posibilidad de que el navegador rellene de forma automática los valores de ciertos controles de la página. A día de hoy no se encuentra estandarizado. Autocomplete. novalidate. Target. Action.

Enlaza las propiedades del formulario con sus respectivas definiciones: Indica si debe comprobarse o no la validez del formulario. Autocomplete. novalidate. Target. Action.

Enlaza los diferentes métodos del formulario con sus respectivas definiciones: Envía el formulario según el método y formato del contenido definido en los atributos del formulario. Es posible utilizar un control para simular este comportamiento. submit. reset. GET. POST.

Enlaza los diferentes métodos del formulario con sus respectivas definiciones: Inicializa todos los controles del formulario. Es posible usar un control para simular este comportamiento. submit. reset. GET. POST.

Enlaza los diferentes métodos del formulario con sus respectivas definiciones: Envía los datos en una cadena "visible". Conveniente para enviar pocos datos. submit. reset. GET. POST.

Enlaza los diferentes métodos del formulario con sus respectivas definiciones: Envía los datos en forma "invisible". Conveniente para enviar una gran cantidad de datos. submit. reset. GET. POST.

Enlaza los siguientes conceptos de validación con sus respectivas definiciones: Realiza la comprobación de si existe o no un determinado valor. Exsitencia. Numérica. Patrones.

Enlaza los siguientes conceptos de validación con sus respectivas definiciones: Se encarga de que la distinta información solo contenga valores numéricos. Exsitencia. Numérica. Patrones.

Enlaza los siguientes conceptos de validación con sus respectivas definiciones: Comprueba que los datos sigan un patrón determinado, como puede ser el formato de un e-mail, una fecha, un número de teléfono, un número de la seguridad social, etc. Exsitencia. Numérica. Patrones.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Al inicio de una cadena. ^. $. *. ?.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Al final de la cadena. ^. $. *. ?.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide 0 o más veces. ^. $. *. ?.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide 0 o 1 vez. ?. +. {n}. $.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide 1 o más veces. ?. +. {n}. $.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide exactamente n veces. {n,m}. {n,}. {n}. $.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide n o más veces. {n,m}. {n,}. {n}. $.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide al menos n, y máximo m veces. {n,m}. {n,}. {n}. $.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Cualquier carácter excepto nueva línea. . \S. \t. \w.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide con un carácter que no es un espacio en blanco. . \S. \t. \w.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Un tabulador. . \S. \t. \w.

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Un retorno de carro. \r. \w. \d. .

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Coincide con caracteres del tipo (letras, dígitos, subrayados). \r. \w. \d. .

Enlaza los siguientes caracteres de expresiones regulares con la definición de las coincidencias que puede tener cada valor que buscado: Dígitos del 0 al 9. \r. \w. \d. \t.

El DOM (Modelo de Objetos del Documento) es esencialmente una interfaz de programación de aplicaciones (API) que proporciona un conjunto estándar de objetos para representar documentos HTML y XML, así como un modelo estándar sobre cómo pueden combinarse dichos objetos y una interfaz estándar para acceder a ellos y manipularlos. De las siguientes afirmaciones indica cuales son verdaderas: A través del DOM, los programas pueden acceder y modificar el contenido, la estructura y el estilo de los documentos HTML y XML. Con el DOM podemos crear objetos HTML de forma dinámica. Todas las opciones son correctas. El DOM HTML es un estándar dónde se define cómo acceder, modificar, añadir o borrar elementos HTML.

Enlaza los cinco tipos de nodos principales del DOM con sus respectivas definiciones: Es el nodo raíz y del que derivan todos los demás nodos del árbol. Document. Attr. Text. Comment. Element.

Enlaza los cinco tipos de nodos principales del DOM con sus respectivas definiciones: Con este tipo de nodos representamos los atributos de las etiquetas XHTML, es decir, un nodo por cada atributo=valor. Document. Attr. Text. Comment. Element.

Enlaza los cinco tipos de nodos principales del DOM con sus respectivas definiciones: Es el nodo que contiene el texto encerrado por una etiqueta XHTML. Document. Attr. Text. Comment. Element.

Enlaza los cinco tipos de nodos principales del DOM con sus respectivas definiciones: Representa los comentarios incluidos en la página XHTML. Los otros tipos de nodos pueden ser: CdataSection, DocumentFragment, DocumentType, EntityReference, Entity, Notation y ProcessingInstruction. Document. Attr. Text. Comment. Element.

Enlaza los cinco tipos de nodos principales del DOM con sus respectivas definiciones: Representa los comentarios incluidos en la página XHTML. Representa cada una de las etiquetas XHTML. Es el único nodo que puede contener atributos y el único del que pueden derivar otros nodos. Document. Attr. Text. Comment. Element.

Enlaza las diferentes funciones del DOM con sus respectivas definiciones: Esta función obtiene una colección, que contiene todos los elementos de la página XHTML cuyo atributo name coincida con el indicado como parámetro. getElementsByName(). getElementsByTagName(). getElementById(). getElementsById().

Enlaza las diferentes funciones del DOM con sus respectivas definiciones: Esta función devuelve una colección de elementos cuya etiqueta tag name del documento XHTML coincida con la que se pasa como parámetro. getElementsByName(). getElementsByTagName(). getElementById(). getElementsById().

Enlaza las diferentes funciones del DOM con sus respectivas definiciones: Esta función es la más utilizada, ya que nos permite acceder directamente al elemento por el ID. getElementsByName(). getElementsByTagName(). getElementById(). getElementsById().

Rellena el hueco OPCION 1 para que el siguiente código cumpla las siguientes condiciones: Referencia al input nombre del formulario. Referencia al input edad del formulario. <form id="formulario" action="miWeb.html" method="POST"> <input type="text" value="" id="nombre" /> <input type="number" value="" id="edad" /> <input type="submit" value="Enviar" id="boton1" /> <input type="reset" value="Cancelar" id="boton2" /> </form> document.getElementById(" OPCION 1"); document.getElementById(" OPCION 2"); document.getElementById(" OPCION 2 ");. nombre. edad.

Rellena el hueco OPCION 2 para que el siguiente código cumpla las siguientes condiciones: Referencia al input nombre del formulario. Referencia al input edad del formulario. <form id="formulario" action="miWeb.html" method="POST"> <input type="text" value="" id="nombre" /> <input type="number" value="" id="edad" /> <input type="submit" value="Enviar" id="boton1" /> <input type="reset" value="Cancelar" id="boton2" /> </form> document.getElementById(" OPCION 1"); document.getElementById(" OPCION 2"); document.getElementById(" OPCION 2 ");. nombre. edad.

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Nombre del nodo (no está definido para algunos tipos de nodo). nodeValue. firstChild. lastChild. hasChildNodes().

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Referencia al primer nodo de la lista. nodeValue. firstChild. lastChild. hasChildNodes().

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Referencia al último nodo de la lista. nodeValue. firstChild. lastChild. hasChildNodes().

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Lista de todos los nodos hijo del nodo actual. childNodes. hasChildNodes(). lastChild. firstChild.

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Devuelve true si el nodo actual tiene uno o más nodos hijo. childNodes. hasChildNodes(). lastChild. firstChild.

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Añade un nuevo nodo al final de la lista childNodes. appendChild(). removeChild(). insertBefore(nuevoNodo,anteriorNodo). firstChild.

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Elimina un nodo de la lista childNodes. appendChild(). removeChild(). insertBefore(nuevoNodo,anteriorNodo). firstChild.

Enlaza las distintas propiedades del DOM con sus respectivas definiciones: Inserta un nodo antes de la posición del nodo. appendChild(). removeChild(). insertBefore(nuevoNodo,anteriorNodo). firstChild.

Enlaza los diferentes tipos de modelos de eventos disponibles en JavaScript con sus respectivas definiciones: Los eventos se añaden como un atributo más del objeto. Modelo de registro de eventos en línea. Modelo de registro de eventos tradicional. Modelo de registro avanzado de eventos según W3C. Modelo de registro de eventos según Microsoft.

Enlaza los diferentes tipos de modelos de eventos disponibles en JavaScript con sus respectivas definiciones: Los eventos se asignan como una propiedad del objeto y fuera de la estructura HTML. Modelo de registro de eventos en línea. Modelo de registro de eventos tradicional. Modelo de registro avanzado de eventos según W3C. Modelo de registro de eventos según Microsoft.

Enlaza los diferentes tipos de modelos de eventos disponibles en JavaScript con sus respectivas definiciones: Para asignar un evento se usa: addEventListener(). En cambio, para eliminar dicho evento se usa: removeEventListener(). Modelo de registro de eventos en línea. Modelo de registro de eventos tradicional. Modelo de registro avanzado de eventos según W3C. Modelo de registro de eventos según Microsoft.

Enlaza los diferentes tipos de modelos de eventos disponibles en JavaScript con sus respectivas definiciones: Para asignar un evento se usa: attachEvent(). En cambio, para eliminar un evento se usa: detachEvent(). Modelo de registro de eventos en línea. Modelo de registro de eventos tradicional. Modelo de registro avanzado de eventos según W3C. Modelo de registro de eventos según Microsoft.

Rellena la CASILLA 1 del siguiente código, de tal forma que al pulsar el botón HTML lance la función de JavaScript que hemos generado: * No dejar espacios en blanco <!DOCTYPE html> <html> <body> <button id="boton">Aceptar</button> <script> CASILLA 1 .getElementById("CASILLA 2").addEventListener("click", CASILLA 3); function miFuncion() {document. CASILLA 4 ("boton").innerHTML = "Aceptar pulsado!"; } </script> </body> </html>. document. miFuncion. boton.

Rellena la CASILLA 2 del siguiente código, de tal forma que al pulsar el botón HTML lance la función de JavaScript que hemos generado: * No dejar espacios en blanco <!DOCTYPE html> <html> <body> <button id="boton">Aceptar</button> <script> CASILLA 1 .getElementById("CASILLA 2").addEventListener("click", CASILLA 3 ); function miFuncion() {document. CASILLA 4 ("boton").innerHTML = "Aceptar pulsado!"; } </script> </body> </html>. document. miFuncion. boton.

Rellena la CASILLA 3 del siguiente código, de tal forma que al pulsar el botón HTML lance la función de JavaScript que hemos generado: * No dejar espacios en blanco <!DOCTYPE html> <html> <body> <button id="boton">Aceptar</button> <script> CASILLA 1 .getElementById("CASILLA 2").addEventListener("click", CASILLA 3); function miFuncion() {document. CASILLA 4 ("boton").innerHTML = "Aceptar pulsado!"; } </script> </body> </html>. document. miFuncion. boton. getElementById.

El siguiente código muestra dos tipos de eventos, ya que, los eventos del modelo de registro según Microsoft no funcionan en todos los navegadores. Rellena el HUECO 1 del siguiente código: function ev (x,y,z) { if (document. HUECO1) { x. HUECO 2 (y,z,false); } else { x. HUECO 3 ('on'+y,z); } }. addEventListener. attachEvent.

El siguiente código muestra dos tipos de eventos, ya que, los eventos del modelo de registro según Microsoft no funcionan en todos los navegadores. Rellena el HUECO 2 del siguiente código: function ev (x,y,z) { if (document. HUECO1) { x. HUECO 2 (y,z,false); } else { x. HUECO 3 ('on'+y,z); } }. addEventListener. attachEvent.

El siguiente código muestra dos tipos de eventos, ya que, los eventos del modelo de registro según Microsoft no funcionan en todos los navegadores. Rellena el HUECO 3 del siguiente código: function ev (x,y,z) { if (document. HUECO1) { x. HUECO 2 (y,z,false); } else { x. HUECO 3 ('on'+y,z); } }. addEventListener. attachEvent.

Rellena el HUECO 1 de la siguiente línea de código para que esta cumpla con los siguientes requisitos: Que el input sea de tipo botón. Que muestre como texto “Aceptar”. Que tenga un valor identificativo llamado “Boton1”. Que lance la función “resalta()” para que cumpla el case 'mouseover'. function resalta(elEvento) { var evento = elEvento || window.event; switch(evento.type) { case 'mouseover': this.style.borderColor = 'black'; break; } } < HUECO 1 type=" HUECO 2" id="Boton1" value="Aceptar" onclick="HUECO 3" />. input. resalta("mouseover"). button.

Rellena el HUECO 2 de la siguiente línea de código para que esta cumpla con los siguientes requisitos: Que el input sea de tipo botón. Que muestre como texto “Aceptar”. Que tenga un valor identificativo llamado “Boton1”. Que lance la función “resalta()” para que cumpla el case 'mouseover'. function resalta(elEvento) { var evento = elEvento || window.event; switch(evento.type) { case 'mouseover': this.style.borderColor = 'black'; break; } } < HUECO 1 type=" HUECO 2" id="Boton1" value="Aceptar" onclick="HUECO 3" />. input. resalta("mouseover"). button.

Rellena el HUECO 3 de la siguiente línea de código para que esta cumpla con los siguientes requisitos: Que el input sea de tipo botón. Que muestre como texto “Aceptar”. Que tenga un valor identificativo llamado “Boton1”. Que lance la función “resalta()” para que cumpla el case 'mouseover'. function resalta(elEvento) { var evento = elEvento || window.event; switch(evento.type) { case 'mouseover': this.style.borderColor = 'black'; break; } } < HUECO 1 type=" HUECO 2" id="Boton1" value="Aceptar" onclick="HUECO 3" />. input. resalta("mouseover"). button.

Rellena la OPCION 1 del código para que formen un formulario de envío: POST. type. action.

Rellena la OPCION 2 del código para que formen un formulario de envío: POST. type. action.

Rellena la OPCION 3 del código para que formen un formulario de envío: POST. type. action.

Rellena la OPCION 4 del código para que formen un formulario de envío: submit. input. reset.

Rellena la OPCION 5 del código para que formen un formulario de envío: submit. input. reset.

Rellena la OPCION 6 del código para que formen un formulario de envío: submit. input. reset.

Rellena la CASILLA 4 del siguiente código, de tal forma que al pulsar el botón HTML lance la función de JavaScript que hemos generado: * No dejar espacios en blanco <!DOCTYPE html> <html> <body> <button id="boton">Aceptar</button> <script> CASILLA 1 .getElementById("CASILLA 2").addEventListener("click", CASILLA 3); function miFuncion() {document. CASILLA 4 ("boton").innerHTML = "Aceptar pulsado!"; } </script> </body> </html>. document. miFuncion. boton. getElementById.

Rellena la CASILLA 4del siguiente código, de tal forma que al pulsar el botón HTML lance la función de JavaScript que hemos generado: * No dejar espacios en blanco <!DOCTYPE html> <html> <body> <button id="boton">Aceptar</button> <script> CASILLA 1 .getElementById("CASILLA 2").addEventListener("click", CASILLA 3); function miFuncion() {document. CASILLA 4 ("boton").innerHTML = "Aceptar pulsado!"; } </script> </body> </html>. document. miFuncion. boton. getElementById.