2. Acción: El atributo action de la etiqueta <form> es el URL del script PHP que procesa los datos de entrada del formulario.

Tamaño: px
Comenzar la demostración a partir de la página:

Download "2. Acción: El atributo action de la etiqueta <form> es el URL del script PHP que procesa los datos de entrada del formulario."

Transcripción

1 UNIDAD CERO Crear formularios en HTML. La creación de formularios en html es muy importante en el desarrollo de aplicaciones web dinámicas, tomando en cuenta que estos son los encargados (formularios) de recoger la información que ha de ser procesadas. Esta unidad que la denominamos cero será un repaso de html, específicamente en lo relacionado con la creación de formularios. Para la creación básica de formularios en html, primero necesitamos de la ejecución de un editor de texto y trabajar con un archivo con extensión.html. Un formulario siempre empezara con la etiqueta <form> y sus respectivos atributos, seguida de los dispositivos de entradas que necesitemos: campos de texto, botones, casillas de verificación, el botón de envío; y terminar con la etiqueta de cierre </form>. Los pasos para la creación de un formulario: 1. Inicio: El formulario comienza con la etiqueta <form>. 2. Acción: El atributo action de la etiqueta <form> es el URL del script PHP que procesa los datos de entrada del formulario. 3. Método: Proporciona un método http para procesar los datos de entrada. Aunque el método por defecto es GET. 4. Creación: Crea el formulario con botones, campos de texto y cualquier cosa que sea atractiva apara el usuario, utilizando etiquetas HTML y campos. 5. Envío: Crear un botón de envío para que se pueda procesar el formulario y para que se cargue el programa que se especifica en el atributo action. 6. Fin: finalizar el formulario con la etiqueta </form>. Recordemos que para terminar el documento debemos cerrar la etiqueta </html>. Figura 0.1

2 A continuación tenemos el código html que genera el formulario de la Figura 0.1: <html> <head> <title>php PARA TODOS</title></head> <body> <h2><center> PHP PARA TODOS</center></h2><hr /> <form action="phpform0.php" method="get"> <b> Ingrese su Nombre:</b> <input type="text" name="nombre" size=50 /> <b>informacion Personal:</b> <textarea name="infopersonal" rows="6" cols="50">soy originario de...</textarea> <b>tipos De Libros De Su Preferencia :</b> <input type="radio" name="tipos" ="Clasicos" />Clasicos <input type="radio" name="tipos" ="Cientificos" />Cientificos <input type="radio" name="tipos" ="Informáticos" />Informáticos <input type="radio" name="tipos" ="Ciencias puras" />Ciencias Puras <input type="radio" name="tipos" ="Ciencias sociales" />Ciencias Sociales <strong>cual de estos libros has leido? </strong> <input type="checkbox" name="leidos" ="Doña Barbara" />Doña Barbara <input type="checkbox" name="leidos" ="Don Quijote" />Don Quijote <input type="checkbox" name="leidos" ="La Iliada" />La Iliada <strong>autor Latino Americano Preferido </strong> <select name="autor"> <option selected ="Romulo Gallegos">Romulo Gallegos <option ="Arturo Uslar Prieti">Arturo Uslar Prieti <option ="Miguel Otero Silva">Miguel Otero Silva </select> <input type="submit" ="ACEPTAR" /> <BR /> <input type="reset" ="Borrar" /> </form> </body> </html>

3 El presente código lo explicaremos detalladamente a continuación: 1. <form action="phpform0.php" method="get">: esta etiqueta es la que permite iniciar el fomulario pero tambien mediante el atributo action envia la información tomada a un archivo de nombre phpform0.php el cual tendrá la función de procesar los datos, aun cuando solo los muestre, por otra parte encontramos el atributo method, que tiene la función de escoger entre dos métodos el post o el get, en este caso escogimos el método get. El método get le dice al navegador que envíe al servidor una cadena codificada en el URL, que se llama cadena de consulta, y que adjunte esta cadena al final de la URL, en la barra de dirección del navegador. Este método se utiliza cuando realizamos búsquedas, o se trabaja con paginas estáticas y las cadenas de datos tienen un tamaño limitado véase la figura 0.2. Figura 0.2 Si utiliza el método post, se tiene que añadir method a la etiqueta <form>, de no hacerlo se utiliza el método get por defecto. Con el método post, el navegador envía al servidor un mensaje codificado en el cuerpo de la petición URL y no en la cabecera, lo que permite transferir grandes cantidades de datos al servidor. No tiene un tamaño limitado y no aparece en el historial del navegador. 2. La tabla 0.1 contiene los elementos de un formulario para la entrada de datos que podemos utilizar: Elemento Atributo Descripción text name size maxlength Crea un campo de texto para entrada de datos. Size especifica el tamaño del campo, y maxlength especifica el número máximo de caracteres textarea name size rows size cols Crea un area de texto que acepta datos de entrada, en varias líneas. Size rows y size cols determinan el tamaño en la cantidad de filas y columnas. pasword name Es un campo de texto que esconde los datos de entrada con la aparición de asteriscos en vez de los caracteres que escribió el usuario. checkbook name Muestra casillas que se pueden marcar. Crea un par valor es nombre-valor a partir de los datos proporcionados por el usuario. Se pueden marcar varias casillas. radio name Crea una casilla de selección en la cual solo se puede escoger una. select name Crea listas desplegables de las cuales solo se puede escoger una opción Option size multiple file name Especifica los archivos que suben al servidor. El tipo MIME debe ser multipart/form-date hidden name Proporciona una par nombre-valor sin mostrar un objeto en pantalla.

4 Elemento Atributo Descripción submit name Cuando se hace clic sobre él, se ejecuta el formulario. Carga el CGI. Image $src align Hace lo mismo que el botón submit, pero muestra una imagen en vez de texto. La imagen esta en el archivo que especifica SRC. reset name Reinicia el formulario a su posición original. Limpia todos los campos de entrada PHP y los formularios: Un script de php puede aceptar los datos de entrada del usuario de varias maneras. Del formulario figura 0.2 realizaremos un script para demostrar como php logra tomar los valores del formulario y mostrarlos(figura 0,3). Figura o.2 figura 0.3 <html xmlns=" <head> <title>php PARA TODOS</title> </head> <body> <h2><center> PHP PARA TODOS</center></h2><hr /> <h2>datos CARGADOS EN EL FORMULARIO</h2> <?php echo "<h4>"; echo "El nombre cargado en el formulario es: ".$nombre; echo "<br>su información personal es la sigueinte: ".$infopersonal; echo "<br>el libro de sus preferencia es: ".$tipos; echo "<br>los libros leidos son: ".$leidos; echo "<br>el autor de tu preferncia es: ".$autor; echo "</h4>";?> </body> </html>

5 Las tres formas que utiliza PHP para crear variables que contengan la información de los formularios son las siguientes: 1. El estilo corto. Por ejemplo : $infopersonal, $tipos, $leidos. 2. El estilo medio. Por ejemplo: $_get[ infopersonal ], $_get[ tipos], $_get[ leidos ]. 3. El estilo largo. Por Ejemplo: $http_get_vars[ infopersonal ], $http_post_vars[ leidos ]. Cual es el estilo que debemos escoger? Continuaremos con la próxima entrega

Formularios en HTML. Grupo de Ingeniería del Software. Departamento de Lenguajes y Sistemas Informáticos. October 11

Formularios en HTML. Grupo de Ingeniería del Software. Departamento de Lenguajes y Sistemas Informáticos. October 11 Versión original: Amador Durán Toro (noviembre 2004) Última revisión: Pablo Fernández Montes (octubre 2009); Pequeño cambio en plantilla. Tiempo: 2h escuela técnica superior de ingeniería informática Departamento

Más detalles

Formularios en HTML 09/02/2015. Escuela Técnica Superior de Ingeniería Informática Departamento de Lenguajes y Sistemas Informáticos

Formularios en HTML 09/02/2015. Escuela Técnica Superior de Ingeniería Informática Departamento de Lenguajes y Sistemas Informáticos 09/02/2015 Grupo de Ingeniería del Software y Bases de Datos Universidad de Sevilla febrero 2014 Qué es un formulario? Febrero Introducción a la Ingeniería del Software y a los Sistemas de Información

Más detalles

Aplicaciones Web Mg. Abril Saire Peralta

Aplicaciones Web Mg. Abril Saire Peralta FORMULARIOS EN HTML Los formularios son interfaces interactivas que permiten a los usuarios interactuar con la página WEB a través del ingreso o captura de datos de los visitantes. A través de los formularios

Más detalles

Departamento de Lenguajes y Sistemas Informáticos. de formularios HTML

Departamento de Lenguajes y Sistemas Informáticos. de formularios HTML escuela técnica superior de ingeniería informática Tiempo: 2h Departamento de Lenguajes Grupo de Ingeniería a del Software Octubre 2006 Versión original: Amador Durán Toro (noviembre 2004) Última revisión:

Más detalles

Formularios HTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014

Formularios HTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Formularios HTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Declaración de un formulario Elemento clave para el desarrollo de aplicaciones

Más detalles

En este tema vamos a ver qué son los formularios, para qué se utilizan, y qué elementos pueden contener.

En este tema vamos a ver qué son los formularios, para qué se utilizan, y qué elementos pueden contener. FORMULARIOS En este tema vamos a ver qué son los formularios, para qué se utilizan, y qué elementos pueden contener. Formulario Un formulario es un elemento que permite recoger datos introducidos

Más detalles

Para declarar un formulario se utiliza la etiqueta FORM que consta básicamente de dos atributos: <FORM ACTION ="programa" METHOD ="método">

Para declarar un formulario se utiliza la etiqueta FORM que consta básicamente de dos atributos: <FORM ACTION =programa METHOD =método> FORMULARIOS Los formularios son por excelencia los elementos utilizados para recolectar información de los usuarios que luego es enviada al servidor para ser procesada. Están constituidos por un conjunto

Más detalles

Construcción de formularios en HTML. Formularios. Bases de Datos 2012/2013. Luis Valencia Cabrera

Construcción de formularios en HTML. Formularios. Bases de Datos 2012/2013. Luis Valencia Cabrera Construcción de formularios en HTML. Formularios Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Formularios... 2 Controles... 2 Campos de texto... 2 Selección de opciones... 3 Selección de ficheros...

Más detalles

HTML: Formularios. Francisco J. Martín Mateos Carmen Graciani Díaz. Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla

HTML: Formularios. Francisco J. Martín Mateos Carmen Graciani Díaz. Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Francisco J. Martín Mateos Carmen Graciani Díaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Formularios Un formulario es una zona del cuerpo de un documento HTML con

Más detalles

A continuación se confeccionara un formulario para el ingreso de un nombre y un botón para el envío del dato ingresado al servidor:

A continuación se confeccionara un formulario para el ingreso de un nombre y un botón para el envío del dato ingresado al servidor: FORMULARIOS BAJO HTML INTRODUCCION A FORMULARIOS Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre

Más detalles

Capítulo 4. Introducción a HTML

Capítulo 4. Introducción a HTML Capítulo 4. Introducción a HTML 4.1 Introducción HTML (HyperText Markup Language) es el lenguaje utilizado para representar documentos en la World Wide Web. Además de texto normal, incluye también elementos

Más detalles

una nueva página (recordar que en este curso no se ve como programar en el servidor) Todo los formularios que implemento y los que usted implementará

una nueva página (recordar que en este curso no se ve como programar en el servidor) Todo los formularios que implemento y los que usted implementará Formularios En Html Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre el sitio, solicitar productos,

Más detalles

Los formularios irán delimitados por las etiquetas <FORM> y </FORM>, la cual tiene dos parámetros:

Los formularios irán delimitados por las etiquetas <FORM> y </FORM>, la cual tiene dos parámetros: Formularios en HTML Los formularios nos sirven para solicitar información al usuario y procesarla. El formulario se compondrá de diferentes componentes como campos de texto, botones de opción, listas desplegables,...

Más detalles

Grupo de Ingeniería del Software. Conceptos básicos de formularios HTML

Grupo de Ingeniería del Software. Conceptos básicos de formularios HTML escuela técnica superior de ingeniería informática HTML Estático: Formularios Departamento de Lenguajes Grupo de Ingeniería del Software Noviembre 2004 Conceptos básicos de formularios HTML Los formularios

Más detalles

Arquitecturas Distribuidas. TEMA 3. Tecnologías de la web dinámica

Arquitecturas Distribuidas. TEMA 3. Tecnologías de la web dinámica Arquitecturas Distribuidas TEMA 3. Tecnologías de la web dinámica Contenido del tema III I. Procesado de información en el servidor. Tipos de peticiones. CGI II. Cookies III. PHP IV. Lenguajes de script

Más detalles

Curso de Programación en PHP Nivel I

Curso de Programación en PHP Nivel I Curso de Programación en PHP Nivel I Facultad de Ciencia y Tecnología Oro Verde - 2012 Capítulo 2: Programación Web Algo de HTML Definición de Formularios Componentes de los Formularios Métodos de Envío

Más detalles

Diseño de Sitios Web (T.U.W.) HTML5 (III) ETIQUETAS NUEVAS FORMULARIOS

Diseño de Sitios Web (T.U.W.) HTML5 (III) ETIQUETAS NUEVAS FORMULARIOS Diseño de Sitios Web (T.U.W.) HTML5 (III) ETIQUETAS NUEVAS FORMULARIOS Etiquetas Incorporadas en HTML 5 permite dibujar- Con javascript inserta audio inserta un video Permite

Más detalles

Manejo de eventos en JavaScript WEB-TECHNOLOGIES

Manejo de eventos en JavaScript WEB-TECHNOLOGIES Manejo de eventos en JavaScript JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES Objetivos Entender el uso de Formularios y Eventos con JavaScript. Visualizar la importancia de delegar el manejo de eventos al

Más detalles

Formularios en HTML 03/02/2017. Escuela Técnica Superior de Ingeniería Informática Departamento de Lenguajes y Sistemas Informáticos

Formularios en HTML 03/02/2017. Escuela Técnica Superior de Ingeniería Informática Departamento de Lenguajes y Sistemas Informáticos en HTML 03/02/2017 en HTML Grupo de Ingeniería del Software y Bases de Datos Universidad de Sevilla en HTML Qué es un formulario? Introducción a la Ingeniería del Software y a los Sistemas de Información

Más detalles

Producción Digital I. Clase 8. Wenceslao Zavala

Producción Digital I. Clase 8. Wenceslao Zavala Producción Digital I Clase 8 Wenceslao Zavala T.P. N 5 Galería Incluir en el sitio trabajado una galería de fotos con imágenes pequeñas y al hacer click o pasar con el mouse por encima, que se vean de

Más detalles

2- Formularios y JavaScript Course: Developing web- based applica=ons

2- Formularios y JavaScript Course: Developing web- based applica=ons 2- Formularios y JavaScript Course: Developing web- based applica=ons Cris*na Puente, Rafael Palacios 2010- 1 Creación de formularios Formularios Un formulario HTML es una sección de un documento que contiene

Más detalles

Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR

Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR 2.4 FORMULARIOS 18/10/2014 Taboada León IES San Sebastián Huelva 1 Formularios (I) Los formularios permiten al usuario introducir

Más detalles

JavaScript: Objetos del documento

JavaScript: Objetos del documento Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Modelo de objetos del documento Todo documento HTML tiene una estructura

Más detalles

Versión: 01. Fecha: 01/04/2013. Código: F004-P006-GFPI GUÍA DE APRENDIZAJE Nº 1 1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

Versión: 01. Fecha: 01/04/2013. Código: F004-P006-GFPI GUÍA DE APRENDIZAJE Nº 1 1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE SERVICIO NACIONAL DE APRENDIZAJE SENA GUÍA DE APRENDIZAJE SISTEMA INTEGRADO DE GESTIÓN Proceso Gestión de la Formación Profesional Integral Procedimiento Ejecución de la Formación Profesional Integral

Más detalles

HTML, PHP y bases de datos

HTML, PHP y bases de datos HTML, PHP y bases de datos Estrella Pulido Cañabate HTML Estructura de un documento HTML Zen and Tumbolia The Zen monk Bassui wrote a letter to one of his disciples

Más detalles

FORMULARIOS HTML. BOTONES: ENVÍO SUBMIT, RESTABLECIMIENTO RESET, IMAGEN Y CONTENIDO (BUTTON). (CU00724B)

FORMULARIOS HTML. BOTONES: ENVÍO SUBMIT, RESTABLECIMIENTO RESET, IMAGEN Y CONTENIDO (BUTTON). (CU00724B) APRENDERAPROGRAMAR.COM FORMULARIOS HTML. BOTONES: ENVÍO SUBMIT, RESTABLECIMIENTO RESET, IMAGEN Y CONTENIDO (BUTTON). (CU00724B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde

Más detalles

Partes del formulario

Partes del formulario Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor

Más detalles

POW HTML. Denis Leopoldo Espinoza Hernández

POW HTML. Denis Leopoldo Espinoza Hernández POW Tema 2: Elementos Avanzados de HTML Denis Leopoldo Espinoza Hernández denisjev@unanleon.edu.ni http://www.comp.unanleon.edu.ni/u/despinoza Los Marcos en HTML Los marcos HTML permiten a los autores

Más detalles

Aplicaciones Web. Aplicaciones Distribuidas

Aplicaciones Web. Aplicaciones Distribuidas Aplicaciones Web Aplicaciones Distribuidas Contenido La Web. Sitios Web vs. Aplicaciones Web. HTTP. HTML. Sesiones. Tecnologías facilitadoras. HTML Dinámico. JavaScript. 2 La Web Petición http://www.um.es/index.html

Más detalles

Escribiendo el HTML. Un formulario se declara entre estos dos tags:

Escribiendo el HTML. Un formulario se declara entre estos dos tags: Formularios Un formulario HTML sirve como principal punto de interacción con el usuario: mediante ellas, podemos hacer posible la interacción de nuestra página Web para con el usuario que visita nuestro

Más detalles

Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC

Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos

Más detalles

Formularios. La mayoría de los elementos de entrada son visuales y pueden interactuar con el usuario.

Formularios. La mayoría de los elementos de entrada son visuales y pueden interactuar con el usuario. Formularios Un formulario HTML es una sección de un documento que contiene contenido normal, código, elementos especiales llamados controles (casillas de verificación (checkboxes), radiobotones (radio

Más detalles

HTML. Rogelio Ferreira Escutia

HTML. Rogelio Ferreira Escutia HTML Rogelio Ferreira Escutia Características Básicas 2 Estructura HTML es un lenguaje basado en etiquetas. Cada etiqueta tiene un inicio y fin. Las etiquetas se identifican por los símbolos < y > 3 Inicio

Más detalles

CURSO PÁGINAS WEB HTML:

CURSO PÁGINAS WEB HTML: CURSO PÁGINAS WEB HTML: CÓDIGO EN EL BLOC DE NOTAS Colegio Concertado Valdecás HTML: EDICIÓN DE PÁGINAS WEB 1. Cómo escribir una página web? Detrás de las páginas que vemos por Internet se esconde un código,

Más detalles

Bases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN

Bases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Bases de Datos Tema 05. Prototipo de una aplicación de base de datos Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Este tema se publica bajo Licencia:

Más detalles

CGI Son las siglas de las palabras "Common Gateway Interface", es decir, "Interfaz Común de Pasarela". Esto es, la tecnología CGI está compuesta por

CGI Son las siglas de las palabras Common Gateway Interface, es decir, Interfaz Común de Pasarela. Esto es, la tecnología CGI está compuesta por PHP PHP puede realizar cualquier tarea que pueda hacerse con un script CGI, los más conocidos para este lenguaje son las interfaces gráficas para páginas web o formularios que requieren de un intérprete

Más detalles

Uso de formularios en HTML para enviar y recopilar datos

Uso de formularios en HTML para enviar y recopilar datos Uso de formularios en HTML para enviar y recopilar datos Piero Berni Millet PID_00155708 Los textos e imágenes publicados en esta obra están sujetos excepto que se indique lo contrario a una licencia de

Más detalles

CapÍtulo 3: Manejo de Forms.

CapÍtulo 3: Manejo de Forms. CapÍtulo 3: Manejo de Forms. El mecanismo básico de interacción entre el usuario y un web-site esta dado por el uso de formularios html, el server envía un formulario que el browser muestra en pantalla

Más detalles

Ejercicio 25:Modifica el archivo anterior de forma que aparezca una marquesina que mueva la imagen caraf.jpg.

Ejercicio 25:Modifica el archivo anterior de forma que aparezca una marquesina que mueva la imagen caraf.jpg. Ejercicio 25:Modifica el archivo anterior de forma que aparezca una marquesina que mueva la imagen caraf.jpg. 3.Listas Las listas se utilizan para organizar una serie de elementos y equivalen a las viñetas

Más detalles

Formularios HTML. Introducción. Elementos de entrada de datos. Entrada de texto

Formularios HTML. Introducción. Elementos de entrada de datos. Entrada de texto Formularios HTML Tiempo estimado: 20min Son muchos los sitios webs que solicitan datos al usuario como, por ejemplo, sus credenciales, los datos de un nuevo producto o la confirmación de un pedido. Hasta

Más detalles

FORMULARIO HTML PREPARACION DEL FORMULARIO. Que información debes solicitar al visitante de tu web?

FORMULARIO HTML PREPARACION DEL FORMULARIO. Que información debes solicitar al visitante de tu web? FORMULARIO HTML Con este apunte se realizara un sencillo formulario que creará un nuevo mensaje de e-mail en el computador del usuario; y dicho mensaje se rellenará con tu dirección de e-mail (como destinatario),

Más detalles

PHP Interacción con el cliente

PHP Interacción con el cliente PHP Interacción con el cliente Aplicaciones Web/Sistemas Web Juan Pavón Mestras Dep. Ingeniería del Software e Inteligencia Artificial Facultad de Informática Universidad Complutense Madrid Material bajo

Más detalles

RESUMEN HTML. Elementos de estructura

RESUMEN HTML. Elementos de estructura RESUMEN HTML Elementos de estructura primer elemento que enmarca todo el fichero HTML (obligatorio) zona de cabecera (obligatorio) definición de un título (obligatorio) cuerpo

Más detalles

Formularios. Botón. Cuadros de texto

Formularios. Botón. Cuadros de texto Formularios Los formularios son los elementos que permiten la entrada de datos. Llevan cuadros de texto, botones, etc. Podemos acceder a estos elementos como a cualquier otro de la página, por sus atributos,

Más detalles

Boletín de prácticas Práctica 3: HTML básico

Boletín de prácticas Práctica 3: HTML básico HTML básico Boletín de prácticas Práctica 3: HTML básico INFORMÁTICA 1 Curso 2003-2004 Biblioteconomía y Documentación 1.- ENUNCIADO Haciendo uso de lo aprendido en clase de teoría diseñar las siguientes

Más detalles

G.U.G.L.E.R Grupo Universitario de GNU/Linux de Entre Ríos. F.C.y.T Facultad de Ciencia y Tecnología Universidad Autónoma de Entre Ríos

G.U.G.L.E.R Grupo Universitario de GNU/Linux de Entre Ríos. F.C.y.T Facultad de Ciencia y Tecnología Universidad Autónoma de Entre Ríos G.U.G.L.E.R Grupo Universitario de GNU/Linux de Entre Ríos F.C.y.T Facultad de Ciencia y Tecnología Universidad Autónoma de Entre Ríos CONTENIDO Programación Web... 5 Introducción... 5 Esquema cliente-servidor

Más detalles

MANUAL DE FORMULARIOS EN HOSTING

MANUAL DE FORMULARIOS EN HOSTING MANUAL DE FORMULARIOS EN HOSTING Índice 1 Qué es y para qué sirve un formulario 3 2 Qué contesta a los formularios 3 3 Qué esquema debe seguir el formulario 3 4 Qué datos y cómo los recibe la empresa a

Más detalles

PROGRAMACIÓN WEB II 4043

PROGRAMACIÓN WEB II 4043 Modalidad: Online Duración: 26 horas Objetivos: HTML5 es un nuevo concepto para la construcción de sitios web y aplicaciones que combina dispositivos móviles, computación en la nube y trabajos en red.

Más detalles

Implantación de Sistemas Introducción al PHP con Dreamweaver CS4

Implantación de Sistemas Introducción al PHP con Dreamweaver CS4 Implantación de Sistemas Introducción al PHP con Dreamweaver CS4 Octavo Semestre Profesor. Taniana Rodríguez e_mail: taniana@gmail.com Primera actividad practica Crear el nuevo sitio en dreamweaver cs4

Más detalles

Desarrollo Web con PHP y MySQL

Desarrollo Web con PHP y MySQL Tablas multidimensionales Las tablas multidimensionales son simplemente tablas en las cuales cada elemento es a su vez otra tabla. $calendario[] = array (1, "enero", 31); $calendario[] = array (2, "febrero",

Más detalles

PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]

PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ] PROPÓSITOS Unidad 1 Reconocer el funcionamiento de internet y sus características. Interpretar el concepto de ISP, HTTP y MySQL Reconocer y aplicar criterios de adaptación del ambiente de trabajo a las

Más detalles

Con esta etiqueta definimos cada elemento de las listas designadas con el par <SELECT> y </SELECT>. Etiqueta <TEXTAREA>

Con esta etiqueta definimos cada elemento de las listas designadas con el par <SELECT> y </SELECT>. Etiqueta <TEXTAREA> Etiqueta Todo formulario debe estar encerrado entre el par de etiquetas y, y debe ser ubicado en el cuerpo de cualquier documento HTML, es decir, entre el par de etiquetas y . Esta etiqueta

Más detalles

Imágenes. El elemento img se utiliza para insertar imágenes en un documento.

Imágenes. El elemento img se utiliza para insertar imágenes en un documento. Imágenes El elemento img se utiliza para insertar imágenes en un documento. Se trata de un etiqueta vacía. La información de la etiqueta se establece por medio de atributos. Debería acabar con la secuencia

Más detalles

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin

Más detalles

HTML El idioma de Internet (Parte 2)

HTML El idioma de Internet (Parte 2) HTML El idioma de Internet (Parte 2) Imágenes No hay etiqueta de cierre para IMG src: ubicación del archivo de la imagen (GIF o JPG) alt:

Más detalles

Desarrollo de sitios web con PHP y MySQL

Desarrollo de sitios web con PHP y MySQL Desarrollo de sitios web con PHP y MySQL Tema 3: Formularios José Mariano González Romano mariano@lsi.us.es Tema 3: Formularios 1. Acceso a formularios HTML desde PHP 2. El formulario de PHP 3. Subida

Más detalles

Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco

Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco Transparencias de J2EE Tema 2: HTML Uploaded by Ingteleco http://ingteleco.webcindario.com ingtelecoweb@hotmail.com La dirección URL puede sufrir modificaciones en el futuro. Si no funciona contacta por

Más detalles

Tema: Creación de Formularios HTML

Tema: Creación de Formularios HTML Tema: Creación de Formularios HTML 1.- Introducción La Web se ha convertido en una poderosa herramienta para las empresas que se dedican a realizar encuestas. En la actualidad es muy común acceder a páginas

Más detalles

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto en forma estructurada, y que está

Más detalles

HTML 5 : Formularios

HTML 5 : Formularios HTML 5 : Formularios El formulario es una interfaz fundamental en las páginas web para interactuar con el usuario. Esta interacción se genera a través de variados elementos, como cajas para introducir

Más detalles

L M T H al n ccio u d tro In

L M T H al n ccio u d tro In Introduccion al HTML Características del HTML Multiplataforma Simple Está en todos lados No es más que simple texto Libre Elementos del HTML Estructura Presentación Hipertexto Etiquetas La estructura básica

Más detalles

REQUEST EN PHP. DIFERENCIAS Y VENTAJAS E INCONVENIENTES ENTRE GET, POST Y REQUEST. EJERCICIOS RESUELTOS Y EJEMPLOS. (CU00835B)

REQUEST EN PHP. DIFERENCIAS Y VENTAJAS E INCONVENIENTES ENTRE GET, POST Y REQUEST. EJERCICIOS RESUELTOS Y EJEMPLOS. (CU00835B) APRENDERAPROGRAMAR.COM REQUEST EN PHP. DIFERENCIAS Y VENTAJAS E INCONVENIENTES ENTRE GET, POST Y REQUEST. EJERCICIOS RESUELTOS Y EJEMPLOS. (CU00835B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

UNIDADES TECNOLÓGICAS DE SANTANDER GUÍA DE ESTUDIO No. 3

UNIDADES TECNOLÓGICAS DE SANTANDER GUÍA DE ESTUDIO No. 3 UNIDAD ACADÉMICA: FACULTAD DE CIENCIAS NATURALES E INGENIERIAS ASIGNATURA: PROGRAMACIÓN WEB Ing. Leydi Johana Polo Elsa Patricia Carvajal Valero UNIDAD TEMÁTICA LENGUAJE DE MARCADO DE HIPERTEXTO COMPETENCIA

Más detalles

Adaptación al Ambiente de Trabajo Curso: 7mo año, Ciclo Superior Profesor: Quevedo, Alejandro Programa 2016

Adaptación al Ambiente de Trabajo Curso: 7mo año, Ciclo Superior Profesor: Quevedo, Alejandro Programa 2016 Adaptación al Ambiente Trabajo UNIDAD 1 Contenidos: Adaptación l ambiente trabajo. Propósitos Ejes Contenidos Reconocer el Internet. Concepto Internet Cómo funciona?, funcionamiento Características y Ergonomía,

Más detalles

Práctica 6: Webs dinámicas

Práctica 6: Webs dinámicas Comercio Electrónico Práctica 6: Webs dinámicas José Luis Salazar jsalazar@unizar.es Antonio Sanz ansanz@unizar.es Rafael del Hoyo rdelhoyo@ita.es Objetivo de la Práctica En esta práctica se mostrarán

Más detalles

Formularios HTML (práctica)

Formularios HTML (práctica) Formularios HTML (práctica) Tiempo estimado: 20min El objeto de esta práctica es afianzar, reforzar y consolidar los conocimientos teóricos presentados en la lección. Al finalizarla, el estudiante: Habrá

Más detalles

Curso de PHP Modulo 7 Creando Una Base de Datos y accediendo a ella R-Luis

Curso de PHP Modulo 7 Creando Una Base de Datos y accediendo a ella R-Luis Base de datos: Lo primero que necesitamos es crear nuestra base de datos y ahí dentro una tabla para poder acceder a ella y cargar modificar y borrar datos, pensé en una base de datos de usuarios de una

Más detalles

1. Introducción a HTML

1. Introducción a HTML Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,

Más detalles

Formularios HTML. (parte I) WEB-TOOLS

Formularios HTML. (parte I) WEB-TOOLS Formularios HTML (parte I) JUAN CARLOS CONDE RAMÍREZ WEB-TOOLS Objetivos Comprender cómo funcionan los formularios. Conocer el elemento HTML form. Entender la diferencia entre POST y GET. Identificar variables

Más detalles

Asignatura: Programación 4

Asignatura: Programación 4 Conferencia #2 HTML y CSS Objetivos: Conocer el trabajo con los formularios, como otro elemento básico del lenguaje HTML. Saber utilizar las hojas de estilos para dotar a todas las páginas de un sitio

Más detalles

FORMULARIOS EN HTML. OPCIONES. CASILLAS DE VERIFICACIÓN CHECKBOX. BOTONES DE RADIO. LISTAS DE OPCIONES SELECT, OPTGROUP, OPTION.

FORMULARIOS EN HTML. OPCIONES. CASILLAS DE VERIFICACIÓN CHECKBOX. BOTONES DE RADIO. LISTAS DE OPCIONES SELECT, OPTGROUP, OPTION. APRENDERAPROGRAMAR.COM FORMULARIOS EN HTML. OPCIONES. CASILLAS DE VERIFICACIÓN CHECKBOX. BOTONES DE RADIO. LISTAS DE OPCIONES SELECT, OPTGROUP, OPTION. (CU00723B) Sección: Cursos Categoría: Tutorial básico

Más detalles

Métodos GET vs POST del HTTP

Métodos GET vs POST del HTTP Métodos GET vs POST del HTTP Entendiendo el concepto de GET y POST Muchas veces tenemos una idea equivocada sobre la utilización de GET y POST. Tendemos a entender que cuando doy click a un link eso es

Más detalles

INSERCIÓN DE UN REGISTRO CON PHP Y MYSQL

INSERCIÓN DE UN REGISTRO CON PHP Y MYSQL INSERCIÓN DE UN REGISTRO CON PHP Y MYSQL Para poder realizar este ejercicio necesitamos la base de datos, para esto abriremos el gestor de bases de datos Mysql Empezaremos con crear la base de datos con

Más detalles

HTML & CSS HTML. PARTE 3. Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014

HTML & CSS HTML. PARTE 3. Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014 05 HTML & CSS HTML. PARTE 3 Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014 01. Imágenes + Añadir imágenes. + Elegir el formato correcto. + Optimizar imágenes para web. Profesora: Ana Gómiz Escuela

Más detalles

Qué es PHP? Modelo Cliente - Servidor con PHP. PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor.

Qué es PHP? Modelo Cliente - Servidor con PHP. PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor. Qué es PHP? PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor. Subjetivamente el mejor lenguaje para desarrollar sitios web dinámicos (aunque python intenta ser mi amigo...) :-P PHP

Más detalles

hipervinculos La página que rescata el valor pasado como parámetro es la siguiente: <html> <head> <title>problema</title> </head> <body> <?

hipervinculos La página que rescata el valor pasado como parámetro es la siguiente: <html> <head> <title>problema</title> </head> <body> <? hipervinculos Confeccionaremos una página que muestre tres hipervínculos, cada uno tiene por objetivo mostrar en una página las tablas de multiplicar del 2, del 3 o la del 5. La primer página es un archivo

Más detalles

Objetivos del programa cuya implementación se describe. Pantallas (interacción con el usuario) Formulario inicial. Confirmación de los datos

Objetivos del programa cuya implementación se describe. Pantallas (interacción con el usuario) Formulario inicial. Confirmación de los datos Ingeniería del software de gestión Caso práctico: diseño Enunciar las mejoras que se podrían realizar sobre la implementación descrita informalmente en este documento. Discutir ventajas e inconvenientes

Más detalles

Introduccion a HTML y Formularios. Gerardo Grinman 5D

Introduccion a HTML y Formularios. Gerardo Grinman 5D Introduccion a HTML y Formularios Gerardo Grinman 5D COMO FUNCIONA LA WEB 1. Cuando se conecta a la web, lo hace a través de un proveedor de servicios de Internet (ISP). Se escribe el nombre de dominio

Más detalles

Producción Digital I

Producción Digital I Producción Digital I Clase 12 14/06/2018 Wenceslao Zavala Formularios Formularios Cómo trabaja un formulario? Dos partes para que trabaje un formulario. La que ve el usuario con los campos y botones, y

Más detalles

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear

Más detalles

PHP y MySQL. Indice: - Envia de datos de formulario - Método de envio - La variable de interprete - Envio de archivo - Propiedades

PHP y MySQL. Indice: - Envia de datos de formulario - Método de envio - La variable de interprete - Envio de archivo - Propiedades PHP y MySQL Indice: - Envia de datos de formulario - Método de envio - La variable de interprete - Envio de archivo - Propiedades Superglobals Las superglobals son variables que están disponible en todos

Más detalles

Formularios Web con HTML y PHP

Formularios Web con HTML y PHP Formularios HTML y PHP para 1º Bachillerato TIC página 1/15 Formularios Web con HTML y PHP Índice de contenido 1 Intro...1 2 Elemento de un formulario HTML...2 3 Campos de formularios HTML (controles)...2

Más detalles

Formularios y objetos

Formularios y objetos Formularios y objetos Pere Barnola Augé P08/93133/01508 Índice 1. Formularios... 5 1.1. Elementos... 6 1.1.1. Form... 6 1.1.2. Input... 8 1.1.3. Campos de texto... 8 1.1.4. Radiobuttons y checkboxes...

Más detalles

PHP 7 Desarrollar un sitio web dinámico e interactivo

PHP 7 Desarrollar un sitio web dinámico e interactivo Preámbulo 1. Objetivo del libro 11 2. Breve historia de PHP 12 3. Dónde conseguir PHP? 13 4. Convenciones de escritura 14 Introducción a PHP 1. Qué es PHP? 15 2. Estructura básica de una página PHP 17

Más detalles

Formularios. ISCT. Luis Antonio Mancilla Aguilar

Formularios. ISCT. Luis Antonio Mancilla Aguilar Formularios ISCT. Luis Antonio Mancilla Aguilar Formularios Sin duda, uno de los aspectos más importantes de cualquier aplicación web ya esté dirigida a un entorno móvil o de escritorio es la interacción

Más detalles

2.5. Manipular objetos y formularios en una página Web.

2.5. Manipular objetos y formularios en una página Web. 2.5. Manipular objetos y formularios en una página Web. Un formulario es una página web en la cual el usuario puede introducir información que posteriormente recibiremos para que sea procesada, por alguna

Más detalles

Tomar información por pantalla con JavaScript

Tomar información por pantalla con JavaScript Tomar información por pantalla con JavaScript Para lograr interactividad con nuestros usuarios, es necesario reaccionar a sus acciones o permitir que estos ingresen información para que sea manipulada,

Más detalles

Programación Web Sec.01y Desarrollo de la Plataforma Web Sec.01 Ing. Tomas Urbina Qué son los formularios?

Programación Web Sec.01y Desarrollo de la Plataforma Web Sec.01 Ing. Tomas Urbina Qué son los formularios? Qué son los formularios? Los formularios son posiblemente la herramineta más utilizada en Internet para obtener datos e información acerca de la gente que navega nuestro sitio. La idea de los formularios

Más detalles

TEST TICO 2º BACHILLERATO

TEST TICO 2º BACHILLERATO TEST TICO 2º BACHILLERATO UNIDAD: DISEÑO Y EDICIÓN PÁGINAS WEB CON HTML (COMPLETO) Cada pregunta consta de 3 opciones, siendo solo una respuesta la correcta. Calificación: Respuesta correcta: +1 Respuesta

Más detalles

Elementos de Control en Bootstrap

Elementos de Control en Bootstrap Elementos de Control en Bootstrap En esta práctica se utilizarán los elementos de control que ofrece Bootstrap. Se comenzará copiando el archivo index.html al directorio plantillas y renombrándolo como

Más detalles

APRENDE A CREAR UNA PÁGINA WEB CON HTML

APRENDE A CREAR UNA PÁGINA WEB CON HTML APRENDE A CREAR UNA PÁGINA WEB CON HTML Introducción a PHP INTRODUCCIÓN PHP es una lenguaje de programación del lado del servidor. En este curso, lo usaremos para recibir los datos de un formulario, realizar

Más detalles

ELECTIVA EVALUACION FINAL

ELECTIVA EVALUACION FINAL La presente evaluación consta de un proyecto basado en la Metodología para el desarrollo rápido de aplicaciones, consolidada con el proceso CRUD. En este sentido, se ha resuelto dividir en secciones el

Más detalles

El control HTML "textarea" se diferencia del "text" en que permite el ingreso de muchas líneas.

El control HTML textarea se diferencia del text en que permite el ingreso de muchas líneas. El control HTML "textarea" se diferencia del "text" en que permite el ingreso de muchas líneas. Problema Implementar un formulario web para ingresar el nombre de una persona en un control text y mediante

Más detalles

Índice: Tema 4.2 4.2 Conexión con Bases de Datos

Índice: Tema 4.2 4.2 Conexión con Bases de Datos Índice: Tema 4.2 4.2 Conexión con Bases de Datos 4.2.1 Envío y recepción de datos mediante formularios 4.2.2 Administración de MySQL con phpmyadmin 4.2.3 Conexión con Bases de Datos desde PHP Índice: Tema

Más detalles

Formularios Web con HTML y PHP

Formularios Web con HTML y PHP Formularios HTML y PHP para 1º Bachillerato TIC página 1/14 Formularios Web con HTML y PHP Índice de contenido 1 Intro...1 2 Elemento de un formulario HTML...2 3 Campos de formularios HTML (controles)...2

Más detalles