SlideShare una empresa de Scribd logo
1 de 8
Tema 4
Formularios Básicos
Los formularios en HTML sirven al propósito de recolectar información proporcionada por los
visitantes del sitio, la cual es luego enviada nuevamente al servidor.
Para su correcto funcionamiento es importante que el formulario provisto en HTML sea
acompañado de un código del lado servidor, al que denominaremos "agente procesador", que se
encargará de recibir y procesar la información como el autor vea conveniente. En nuestro casi
utilizaremos PHP
Un formulario (form) es básicamente un contenedor para controles. Cada control en un formulario
está pensado para recolectar información ingresada por los usuarios, en formas que pueden ir
desde líneas de texto a subida de archivos, pasando por opciones, fechas, contraseñas y mucho
más. Una vez que los usuarios han rellenado el formulario con los datos, pueden enviarlo de regreso
al servidor para que el agente procesador administre la información recolectada.
El siguiente código muestra la estructura de un formulario, con sus etiquetas de apertura y cierre
encerrando un conjunto de controles.
Formularios Básicos
Inputs Básicos
Guía : https://www.kikopalomares.com/blog/tipos-de-inputs-
en-formularios-html
Método GET PHP
El método GET envía la información codificada del usuario en el header del HTTP
request, directamente en la URL. La página web y la información codificada se separan
por un interrogante ?:
www.ejemplo.com/index.htm?key1=value1&key2=value2&key3=value3...
• El método GET envía la información en la propia URL, estando limitada a 2000
caracteres.
• La información es visible por lo que con este método nunca se envía información
sensible.
• No se pueden enviar datos binarios (archivos, imágenes...).
• En PHP los datos se administran con el array asociativo $_GET.
Método POST PHP
Con el método HTTP POST también se codifica la información, pero ésta se envía a
través del body del HTTP Request, por lo que no aparece en la URL.
• El método POST no tiene límite de cantidad de información a enviar.
• La información proporcionada no es visible, por lo que se puede enviar
información sensible.
• Se puede usar para enviar texto normal así como datos binarios (archivos,
imágenes...).
• PHP proporciona el array asociativo $_POST para acceder a la información enviada.
Request
Es la petición que se realiza a un servidor , enviando ciertos parámetros o datos para
el proceso
Response
Es la respuesta a una solicitud por parte de un cliente
Ejercicio en PHP
Primer Ejercicio : Realizar una calculadora en PHP con su respectiva interfaz
Segundo ejercicio :
Realizar un sistema para calcular el salario de un trabajador las entradas del sistema
serán horas trabajadas , costo de horas hombre , descuento por seguro , Nombre del
empleado .
Salidas del programa Nombre del empleado y el salario.

Más contenido relacionado

Similar a HTML Formularios básicos

13. servidor http
13. servidor http13. servidor http
13. servidor httpGäbö Ü
 
Cgi mi presentacion
Cgi mi presentacionCgi mi presentacion
Cgi mi presentacionFlashnet S.A
 
Actualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHPActualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHPyanburbano
 
PHP Tema 3 - Formularios
PHP Tema 3 - FormulariosPHP Tema 3 - Formularios
PHP Tema 3 - FormulariosSpacetoshare
 
Protocolo http.. ana oliver
Protocolo http.. ana oliverProtocolo http.. ana oliver
Protocolo http.. ana oliverAny Oliver
 
Introducció a les Aplicació Web
Introducció a les Aplicació WebIntroducció a les Aplicació Web
Introducció a les Aplicació WebCarlesMG57
 
Protocolo http
Protocolo httpProtocolo http
Protocolo httpmateomamis
 
Protocolo http
Protocolo httpProtocolo http
Protocolo httpmateomamis
 
Introducción a aplicaciones web.
Introducción a aplicaciones web.Introducción a aplicaciones web.
Introducción a aplicaciones web.camilaml
 
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Didier Granados
 
Clase 03 Protocolos Y Servicios De Red
Clase 03   Protocolos Y Servicios De RedClase 03   Protocolos Y Servicios De Red
Clase 03 Protocolos Y Servicios De RedJaime Valenzuela
 
Unidad 4: Servicio web (HTTP)
Unidad 4: Servicio web (HTTP)Unidad 4: Servicio web (HTTP)
Unidad 4: Servicio web (HTTP)carmenrico14
 
Presentación1
Presentación1Presentación1
Presentación1fabymon
 

Similar a HTML Formularios básicos (20)

13. servidor http
13. servidor http13. servidor http
13. servidor http
 
Cgi mi presentacion
Cgi mi presentacionCgi mi presentacion
Cgi mi presentacion
 
Actualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHPActualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHP
 
PHP Tema 3 - Formularios
PHP Tema 3 - FormulariosPHP Tema 3 - Formularios
PHP Tema 3 - Formularios
 
Protocolo http.. ana oliver
Protocolo http.. ana oliverProtocolo http.. ana oliver
Protocolo http.. ana oliver
 
Introducció a les Aplicació Web
Introducció a les Aplicació WebIntroducció a les Aplicació Web
Introducció a les Aplicació Web
 
Tema3
Tema3Tema3
Tema3
 
Protocolo http
Protocolo httpProtocolo http
Protocolo http
 
Protocolo http
Protocolo httpProtocolo http
Protocolo http
 
Dn12 u3 a8_vsrg
Dn12 u3 a8_vsrgDn12 u3 a8_vsrg
Dn12 u3 a8_vsrg
 
Introducción a aplicaciones web.
Introducción a aplicaciones web.Introducción a aplicaciones web.
Introducción a aplicaciones web.
 
Tema3
Tema3Tema3
Tema3
 
PROTOCOLO HTTP
PROTOCOLO HTTPPROTOCOLO HTTP
PROTOCOLO HTTP
 
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
 
Clase 03 Protocolos Y Servicios De Red
Clase 03   Protocolos Y Servicios De RedClase 03   Protocolos Y Servicios De Red
Clase 03 Protocolos Y Servicios De Red
 
Http[1]
Http[1]Http[1]
Http[1]
 
Unidad 4: Servicio web (HTTP)
Unidad 4: Servicio web (HTTP)Unidad 4: Servicio web (HTTP)
Unidad 4: Servicio web (HTTP)
 
Informe11
Informe11Informe11
Informe11
 
Presentación1
Presentación1Presentación1
Presentación1
 
Http Karem Yanelli
Http Karem YanelliHttp Karem Yanelli
Http Karem Yanelli
 

HTML Formularios básicos

  • 2. Formularios Básicos Los formularios en HTML sirven al propósito de recolectar información proporcionada por los visitantes del sitio, la cual es luego enviada nuevamente al servidor. Para su correcto funcionamiento es importante que el formulario provisto en HTML sea acompañado de un código del lado servidor, al que denominaremos "agente procesador", que se encargará de recibir y procesar la información como el autor vea conveniente. En nuestro casi utilizaremos PHP Un formulario (form) es básicamente un contenedor para controles. Cada control en un formulario está pensado para recolectar información ingresada por los usuarios, en formas que pueden ir desde líneas de texto a subida de archivos, pasando por opciones, fechas, contraseñas y mucho más. Una vez que los usuarios han rellenado el formulario con los datos, pueden enviarlo de regreso al servidor para que el agente procesador administre la información recolectada. El siguiente código muestra la estructura de un formulario, con sus etiquetas de apertura y cierre encerrando un conjunto de controles.
  • 4. Inputs Básicos Guía : https://www.kikopalomares.com/blog/tipos-de-inputs- en-formularios-html
  • 5. Método GET PHP El método GET envía la información codificada del usuario en el header del HTTP request, directamente en la URL. La página web y la información codificada se separan por un interrogante ?: www.ejemplo.com/index.htm?key1=value1&key2=value2&key3=value3... • El método GET envía la información en la propia URL, estando limitada a 2000 caracteres. • La información es visible por lo que con este método nunca se envía información sensible. • No se pueden enviar datos binarios (archivos, imágenes...). • En PHP los datos se administran con el array asociativo $_GET.
  • 6. Método POST PHP Con el método HTTP POST también se codifica la información, pero ésta se envía a través del body del HTTP Request, por lo que no aparece en la URL. • El método POST no tiene límite de cantidad de información a enviar. • La información proporcionada no es visible, por lo que se puede enviar información sensible. • Se puede usar para enviar texto normal así como datos binarios (archivos, imágenes...). • PHP proporciona el array asociativo $_POST para acceder a la información enviada.
  • 7. Request Es la petición que se realiza a un servidor , enviando ciertos parámetros o datos para el proceso Response Es la respuesta a una solicitud por parte de un cliente
  • 8. Ejercicio en PHP Primer Ejercicio : Realizar una calculadora en PHP con su respectiva interfaz Segundo ejercicio : Realizar un sistema para calcular el salario de un trabajador las entradas del sistema serán horas trabajadas , costo de horas hombre , descuento por seguro , Nombre del empleado . Salidas del programa Nombre del empleado y el salario.