Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Formularios PHP

    Cargado por

    Luis alexander
    7 vistas39 páginas
    Este documento presenta una introducción a los formularios en PHP. Explica que los formularios permiten solicitar información al usuario y procesarla, y contienen elementos como campos de texto, botones de opción y listas desplegables. Describe los atributos principales de las etiquetas de formulario como "action" y "method", y proporciona ejemplos de cómo implementar diferentes tipos de elementos de formulario como campos de texto, botones, áreas de texto y listas desplegables.

    Descripción original:

    Título original

    SESION-02

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento presenta una introducción a los formularios en PHP. Explica que los formularios permiten solicitar información al usuario y procesarla, y contienen elementos como campos de texto, botones de opción y listas desplegables. Describe los atributos principales de las etiquetas de formulario como "action" y "method", y proporciona ejemplos de cómo implementar diferentes tipos de elementos de formulario como campos de texto, botones, áreas de texto y listas desplegables.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    7 vistas39 páginas

    Formularios PHP

    Cargado por

    Luis alexander
    Este documento presenta una introducción a los formularios en PHP. Explica que los formularios permiten solicitar información al usuario y procesarla, y contienen elementos como campos de texto, botones de opción y listas desplegables. Describe los atributos principales de las etiquetas de formulario como "action" y "method", y proporciona ejemplos de cómo implementar diferentes tipos de elementos de formulario como campos de texto, botones, áreas de texto y listas desplegables.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 39

    Pregrado

    SESIÓN 02:
    Formularios PHP
    Palabras de Bienvenida al Curso
    Hola, bienvenido al curso de “Ingeniería Web". Mi nombre es José Antonio Ogosi
    Auqui, docente – facilitador del curso de esta maravillosa experiencia de
    aprendizaje y desarrollo profesional.
    Soy Ingeniero de Sistemas, con maestría en Gestión de Tecnologías de
    Información, maestría en Docencia Universitaria, candidato a Doctor en
    Ingeniería de Sistemas, colegiado habilitado. Me apasionan los aspectos que
    están relacionados al desarrollo de habilidades personales, Innovación
    tecnológica e Inteligencia Artificial. Por ello te motivaré al cambio actitudinal ante
    el proceso de investigación mediante la ingeniería web, el cual efectivizará tu
    desempeño laboral.

    Ing. José Antonio Ogosi Auqui

    http://joseantonioogosiau.wixsite.com/my-site
    FORMULARIOS

    Los formularios permiten solicitar información al usuario y procesarla. El formulario


    contiene diferentes componentes como: campos de texto, botones de opción, listas
    desplegables etc.

    Los formularios permiten que diversas personas puedan enviar información al e- mail del
    autor o al servidor, en donde está instalado un programa que procese esta información.

    La información del usuario es procesada por un programa del servidor. Estos programas
    son CGI's (Common Gateway Interface) y suelen estar escritos en Perl, C,... como
    también en ASP, PHP,..., es decir, lenguajes ISS (Include Server Sides).
    FORMULARIOS

    Los formularios son esas famosas cajas de texto y botones que podemos
    encontrar en muchas páginas web.

    Los datos que el usuario introduce en estos campos son enviados al correo
    electrónico del administrador del formulario o bien a un programa que se encarga
    de procesarlo automáticamente.

    Los formularios son definidos por medio de las etiquetas <form> y </form>. Entre
    estas dos etiquetas colocaremos todos los campos y botones que componen el
    formulario. Dentro de esta etiqueta <form> debemos especificar algunos atributos:
    FORMULARIOS
    FORMULARIOS - ATRIBUTOS

    action

    Define el tipo de acción a llevar a cabo con el formulario. Existen dos


    posibilidades:
    • El formulario es enviado a una dirección de correo electrónico
    • El formulario es enviado a un programa o script que procesa su contenido.

    En el primer caso, el contenido del formulario es enviado a la dirección de


    correo electrónico especificada por medio de una sintaxis de este tipo:

    <form action="mailto:direccion@correo.com" ...>

    Si lo que queremos es que el formulario sea procesado por un programa, hemos


    de especificar la dirección del archivo que contiene dicho programa. La etiqueta
    quedaría en este caso de la siguiente forma:

    <form action="dirección del archivo" ...>


    FORMULARIOS - ATRIBUTOS

    Este atributo se encarga de especificar la forma en la que el


    formulario es enviado.

    <form method="post">
    FORMULARIOS

    Servidor
    Web
    Cliente
    (Browser)
    Respuesta HTTP

    Peticion HTTP

    Formularios
    Formularios (Html o
    Respuesta ASP)
    (Html o
    ASP)
    Texto corto
    Las cajas de texto son colocadas por medio de la etiqueta <input>. Dentro de
    esta etiqueta hemos de especificar el valor de dos atributos: type y name.

    Type : Identifica el Tipo de Elemento que utilizamos para este caso es de tipo
    text.

    Name : Identifica el nombre del elemento del formulario.


    La etiqueta es de la siguiente forma:

    <input type="text" name="nombre">

    Atributos:

    Size: Define el tamaño de la caja en


    número de caracteres.
    Value: Asigna un valor definido al campo.

    ejemplo sencillo:

    <input type="text" name="nombre“


    value=“Cesar Vallejo">
    FORMULARIOS - ELEMENTOS

    botón de envío

    Elemento que permite dar por finalizado el proceso de relleno del formulario y
    hacerlo llegar a su gestor, el navegante ha de validarlo por medio de un botón
    previsto para tal efecto. Para la construcción de dicho boton de la etiqueta input
    Type utilizamos (type="submit") y hemos de definir el mensaje del botón por
    medio del atributo value.

    Sintaxis:

    <input type="submit" value="Enviar">


    FORMULARIOS - ELEMENTOS
    Ejemplo:
    <html>
    <head>
    <body>
    <form method="POST" action="">
    <p>Nombre: <input type="text" name="Nombre" size="20"></p>
    <p>Nacionalidad: <input type="text" name="Nacionalidad" size="20"> </p>
    <p><input type="submit" value="Enviar" name="Enviar"></p>
    </form>
    </body>
    </html>
    Grabar el formulario con nombre Primer.html
    FORMULARIOS - ELEMENTOS

    botón de Borrado
    Este botón nos permitirá borrar el formulario por completo en el
    caso de que el usuario desee rehacerlo desde el principio. Su
    estructura sintáctica es análoga a la anterior:

    Sintaxis:

    <input type="reset" value="Borrar">


    FORMULARIOS - ELEMENTOS

    Ejemplo:

    <html>
    <head>
    <body>
    <form method="POST" action="">
    <p><input type="submit" value="Enviar" name="Enviar">
    <input type="reset" value="Borrar"></p>
    </form>
    </body>
    </html>
    FORMULARIOS - ELEMENTOS

    Texto Largo:
    Si deseamos poner a la disposición de usuario un campo de
    texto donde pueda escribir cómodamente sobre un espacio
    compuesto de varias líneas, hemos de invocar una nueva
    etiqueta: <textarea> y su cierre correspondiente.
    Este tipo de campos son prácticos cuando el contenido a enviar
    no es un nombre teléfono o cualquier otro dato breve, sino más
    bien, un comentario, opinión, etc.
    Sintaxis:

    <textarea name="comentario“ rows=“ " cols=“ "> </textarea>

    rows: Define el número de líneas del campo de texto.


    Cols: Define el número de columnas del campo de texto.
    Ejemplo:
    <html>
    <head>
    <body>
    <form method="POST" action="">

    <p>Tus Comentarios : <textarea name="comentario" rows="10"


    cols="40"></textarea>

    <p><input type="submit" value="Enviar" name="Enviar">


    <input type="reset" value="Borrar"></p>
    </form>
    </body>
    </html>
    FORMULARIOS - ELEMENTOS
    Listas de opciones
    Las listas de opciones son ese tipo de menús desplegables que
    nos permiten elegir una (o varias) de las múltiples opciones que
    nos proponen. Para construirlas emplearemos una etiqueta con
    su respectivo cierre: <select>
    Dentro de esta etiqueta definiremos su nombre por medio del
    atributo name. Cada opción será incluida en una línea precedida
    de la etiqueta <option>.
    Sintaxis:

    <select name="estacion">
    <option>Primavera</option>
    <option>Verano</option>
    </select>
    Ejemplo:
    <html>
    <head>
    <body>
    <form method="POST" action="">

    <p> Estaciones :
    <select name="estacion">
    <option>Primavera</option>
    <option>Verano</option>
    <option>Otoño</option>
    <option>Invierno</option>
    </select>

    <p><input type="submit" value="Enviar" name="Enviar">


    <input type="reset" value="Borrar"></p>
    </form>
    </body>
    </html>
    Botones de radio
    Los Botones de Radio obligan al internauta a elegir únicamente una de las opciones
    que se le proponen.

    La etiqueta empleada en este caso es <input> en la cual tendremos el atributo type ha


    de tomar el valor radio.
    Sintaxis:

    <input type="radio"
    name=“estacion“
    value="1">

    Como puede verse, a cada una de las opciones se le atribuye una etiqueta input dentro de la
    cual asignamos el mismo nombre (name) para todas las opciones y un valor (value) distinto.
    Cabe señalar que es posible preseleccionar por defecto una de las opciones. Esto
    puede ser conseguido por medio del atributo checked:

    <input type="radio" name=“estacion“ value="1“ checked>


    Ejemplo:

    <html>
    <head>
    <body>
    <form method="POST" action="">

    <p> Meses :
    <input type="radio" name="meses" value="1" checked="checked">Enero
    <br><input type="radio" name="meses" value="2">Febrero
    <br><input type="radio" name="meses" value="3">Marzo
    <br><input type="radio" name="meses" value="4">Abril

    <p><input type="submit" value="Enviar" name="Enviar">


    <input type="reset" value="Borrar"></p>
    </form>
    </body>
    </html>
    Cajas de validación

    Este tipo de elementos pueden ser activados o desactivados por el


    visitante por un simple clic sobre la caja en cuestión.

    Sintaxis:

    <input type="checkbox" name=“UCV">UCV

    Del mismo modo que para los botones de radio, podemos activar la
    caja por medio del atributo checked.

    <input type="checkbox" name=“Fultbol“ checked>Fultbol


    Ejemplo:

    <html>
    <head>
    <body>
    <form method="POST" action="">

    <p> Hobbys :
    <p><input type="checkbox" name="Futbol" checked>Futbol
    <br><input type="checkbox" name="Voley">Voley
    <br><input type="checkbox" name="Cine">Cine
    <br><input type="checkbox" name="Pasear">Pasear

    <p><input type="submit" value="Enviar" name="Enviar">


    <input type="reset" value="Borrar"></p>
    </form>
    </body>
    </html>
    FORMULARIOS
    • Campos de Entrada
    Nombre <input type=text name="Mi Nombre" size =20 >

    • Area de texto
    <textarea name="Comentario"
    • Elementos combos y listas
    rows=10 cols=25 ></textarea>
    <select name="Calificación">
    <option value=“B”> Buena
    <option value=“R” selected > Regular
    <option value=“M”> Mala
    </select>
    FORMULARIOS
    • Checkbox
    <input type=checkbox name=N1 value="html"> Lenguaje HTML

    • Radio
    Sexo: <br>
    Femenino : <input type=“radio” name=“chkSexo”
    value=“F”>
    Masculino : <input type=“radio” name=“chkSexo”
    v
    alue=“M” checked>

    • Submit
    <input type=submit value="Enviar">

    • Reset
    <input type=reset value="Borrar">
    Formularios Avanzados
    Formularios Avanzados
    Actividad 1
    Realice el siguiente formulario :
    :
    Preguntas – sugerencias y/o recomendaciones:
    Bibliografía

    Código de biblioteca LIBROS, REVISTAS, ARTÍCULOS, TESIS, PÁGINAS WEB.

    005.13 B73 Boronczyk T(2009).”PHP y MySQL”.Madrid:Anaya

    005.133P D75 Doyle, M.(2010).”Fundamentos PHP práctico”.Madrid:Anaya Multimedia

    323.01C35 Castillo, M. (2009) Derechos Humanos. Lima: Fecat.

    005.133PM H31 Harris, A.(2009).” Programación con PHP 6 y MySQL”. Madrid: Anaya Multimedia .

    005.133PM M52 Meloni J(2009).”PHP, MySQL y Apache”.Madrid:Anaya Multimedia

    005.133P L46 Myer, T.& Nowicki S. & Thompson, E.(2010).”Profesional PHP 6”.Madrid:Anaya
    Multimedia

    También podría gustarte