Scribd Logo
Carica

Benvenuto in Scribd!

  • Interfaces 7 Intro Paginas Web PHP y Mysql

    Caricato da

    moreno_guatavo
    13 visualizzazioni22 pagine

    Titolo originale

    Interfaces 7 Intro Paginas Web Php y Mysql

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    13 visualizzazioni22 pagine

    Interfaces 7 Intro Paginas Web PHP y Mysql

    Caricato da

    moreno_guatavo

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 22

    FACULTAD DE INGENIERAS ESCUELA DE INGENIERA ELCTRICA Y ELECTRNICA REA: INFORMTICA INDUSTRIAL ASIGNATURA: INTERFACES (710044M) INTRODUCCIN AL DESARROLLO DE PGINAS

    WEB CON PHP Y MYSQL 1. HTML El HTML, acrnimo ingls de Hypertext Markup Language (lenguaje de formato de documentos de hipertexto), es un lenguaje de marcas diseado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estndar de las pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>). HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. Se puede resumir la filosofa del HTML con los siguientes puntos:

    Es muy sencillo. No hay variables. No se compila. Es un lenguaje interpretado. A la instrucciones se les llama etiquetas o marcas Permite escribir hipertexto

    Una caracterstica de HTML es que es pasivo. Esto es no interacta con el usuario. Simplemente se baja el cdigo de HTML del servidor al navegador del cliente y este lo muestra. De una forma directa un documento de HTML no puede pedir informacin al usuario, procesarla y desplegarla. Una de las caractersticas ms importantes del HTML es el hipertexto. Esto quiere decir que las pginas no son elementos aislados, sino que estn unidas a otras mediante los links o enlaces hipertexto. Gracias a estos enlaces el navegante de internet puede pulsar sobre un texto (o enlace) de una pgina para navegar hasta otra pgina. Ser cuestin del programador de la pgina inicial decidir que palabras o frases sern activas (enlaces) y a donde nos conducir pulsar sobre ellas.

    1.1 Cdigos HTML bsicos <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuacin debe ser interpretado como cdigo HTML. Esto es as de facto, ya que en teora lo que define el tipo de documento es el DOCTYPE. <script>: incrusta un script en una web, o se llama a uno mediante src="url del script". <head>: define la cabecera del documento HTML; esta cabecera suele contener informacin sobre el documento que no se muestra directamente al usuario. Como por ejemplo el ttulo de la ventana del navegador. <title>: define el ttulo de la pgina. Por lo general, el ttulo aparece en la barra de ttulo encima de la ventana. <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">. <style>: para colocar el estilo interno de la pgina; ya sea usando CSS, u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>. <meta>: para metadatos como la autora o la licencia, incluso para indicar parmetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuracin o por dificultades con server-side scripting. <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la pgina, como color de fondo y mrgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuacin se indican algunas a modo de ejemplo: o <h1> a <h6>: encabezados o ttulos del documento con diferente relevancia. o <table>: define una tabla. o <tr>: fila de una tabla. o <td>: celda de una tabla (debe estar dentro de una fila). o <a>: hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el parmetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" title="Wikipedia" target="_blank" tabindex="1">Wikipedia</a> se representa como Wikipedia). o <div>: divisin de la pgina. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido. o <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" />. <li><ol><ul>: etiquetas para listas. o <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>). o <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>). 2

    o o

    <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>). <u>: texto subrayado.

    1.2 Estructura bsica de un documento HTML Los documentos o archivos HTML estn compuestos por tres partes bien diferenciadas: 1. EL Comiezo del documento HTML lo Adems un documento HTML ha de estar <html> .... </html> indica la delimitado etiqueta por las <html> etiquetas

    2. La Cabecera del documento (Header, cabecera en ingls) est delimitada por <head> ......</head> donde se colocan etiquetas normalmente informativas como el ttulo de la pgina. Adems se usa para dar informacin sobre el documento, por ejemplo la versin de HTML (no visible). 3. El Cuerpo del documento (BODY, cuerpo en ingls) flanqueado por las etiquetas <body>...</body> es probablemente el parte ms importante de un documento HTML ya que es donde el usuario disea o maqueta atravs de las etiquetas (tags) la pgina web. Esta estructura puede observarse a continuacin. <html> <head> </head> <body> </body> </html> (Ver ej1_html.php) 1.3 Etiqueta head La Cabecera, head es la primera de las dos partes en que se estructura un documento HTML. Por ejemplo:

    <html> <head> <title>Ejemplo 1 HTML</title> <meta name="Generator" content="Notepad++"> <meta name="Author" content="Interfaces"> <meta name="Keywords" content=""> <meta name="Description" content="Primer Ejemplo HTML"> </head> <body> <p> Hola Mundo!!! </p> <p> Primer Pgina HTML </p> </body> </html> En la Cabecera reside informacin acerca del documento, y generalmente no se aprecia cuando se navega por l. Es importante recordar que estos elementos son opcionales es decir no son obligatorios o necesarios para la realizacin de una pgina web. En la etiqueta <title> .. </title> se escribe el ttulo que aparecer cuando se abra el documento en el navegador. Otra etiqueta que se puede emplear en la cabecera (head) es la etiqueta <meta> que posee diversas aplicaciones: <head> <title> la cabecera de un documento </title> <meta http-equiv="Refresh" content="15"> </head> Esto hace que el navegador vuelva a cargar la pgina activa al cabo de 15 segundos. Tambin se puede usar la etiqueta meta para ayudar a los buscadores de Internet como Google, Yahoo, etc. a encontrar nuestras pginas. Pondremos palabras clave que contiene la pgina separadas por comas. Por ejemplo: <head> <meta name="keywords" content="HTML, fcil, internet"> </head> 4

    Ademas si se quiere que los buscadores muestren un breve resumen del contenido de la pgina, se puede usar: <head> <meta name="keywords" content="HTML, facil, internet"> <meta name="description" content="Manual de HTML"> </head> 1.4 Etiqueta body El cuerpo est delimitado por las etiquetas <body>....</body> siendo habitualmente lo ms importante en un documento HTML. Entre las etiquetas que definen el cuerpo se deben de colocar los elementos que componen la pgina como por ejemplo: el texto, imgenes,etc. La etiqueta <body> posee los siguientes atributos, (los cuales han sido declarados en desuso, recomendando el uso de las estilos en cascada CSS para realizar estas funciones): bgcolor="nmero hexadecimal / nombre del color". Asigna un color de fondo a la pgina mediante un nmero hexadecimal, (#2233ff) o el nombre del color en ingls (red). Por ejemplo: <body bgcolor="#0000FF"> o <body bgcolor="yellow"> El formato hexadecimal representa, #rrggbb. text="nmero hexadecimal / nombre del color". Atributo usado para definir el color del texto. Por defecto es negro aunque se puede asignar uno nuevo mediante un nmero hexadecimal (#2233ff) o el nombre del color en ingls (red). link="nmero hexadecimal / nombre del color".Parmetro usado para especificar el color de los enlaces de texto. Color por defecto azul. vlink="nmero hexadecimal / nombre del color". Parmetro usado para especificar el color de los enlaces de texto ya visitados. Color por defecto morado. alink="nmero hexadecimal / nombre del color". Parmetro usado para especificar el color de los enlaces de texto activo. Color por defecto rojo. 5

    Por ejemplo: <body text="#ff0000" link="#ffffff" vlink="#ff00ff" bgcolor="#101010"> background="ruta archivo / nombre_archivo.extension". Indicamos la ruta y el nombre del archivo que ser usado como fondo del documento. Esta se visualizar en mosaico para cubrir toda la ventana si es pequea. Por ejemplo: <body background="ruta/archivo.gif"> Se debe tener en cuenta que se debe especificar la ruta en modo relativo, lo cual da la ventaja si se mueve el directorio completo (con todos los archivos y manteniendo su estructura) la ruta especificada continua siendo vlida contrario a lo que sucedera si se especifica una ruta absoluta (Ver ej2_html.php) 1.5 Texto

    1.5.1 Tamao de letra


    Se pueden usar las etiquetas <hx>....</hx> donde x es un nmero que puede variar entre 1 y 6, siendo 1 el tamao mayor. Esto se utiliza solamente para los titulares de pginas: Por ejemplo: <h1> <h2> <h3> <h4> <h5> <h6> Texto Texto Texto Texto Texto Texto de de de de de de prueba prueba prueba prueba prueba prueba h1 h2 h3 h4 h5 h6 </h1> </h2> </h3> </h4> </h5> </h6>

    Tambien puede usarse la tiqueta <font> con el atributo size <font size="3"> seguido por un nmero, el cual indica el tamao entre 1 y 7. Se tiene que tener en cuenta que el valor por defecto es 3. Esta notacin no provoca un salto de prrafo despus de cada cambio. Por ejemplo: <font size="3">N</font> <font size="4">N</font> <font size="5">N</font> <font size="6">N</font>

    <font size="7">N</font> <font size="6">N</font> <font size="5">N</font> <font size="4">N</font> <font size="3">N</font> (Ver ej3_html.php)

    1.5.2 Tipo de fuente


    Para cambiar el tipo de le letra se puede usar el atributo face seguido por el nombre del tipo de letra al cual queremos cambiar. Por ejemplo: <font <font <font <font <font face="times new roman">Fuente Times New Roman </font> face="arial">Fuente Arial </font> face="courier new">Fuente Courier New </font> face="courier">Fuente Courier </font> face="roman">Fuente Roman </font>

    Este atributo se puede usar en conjuncin con color y tamao. Por ejemplo: <font face="univers" size="6" color="blue"> Texto tipo Univers </font> Se puede definir cualquier tipo de letra, pero se tiene que tener en cuenta si el ordenador de la persona que esta visualizando la pgina tiene instalada la fuente, de lo contrario mostrar la fuente que el navegador tenga por defecto. (Ver ej3_html.php)

    1.5.3 Color del Texto


    El color del texto puede ser definido mediante el atributo color. En principio existen dos posibilidades para definir los colores: 1. Mediante la Utilizacin de los valores RGB en forma hexadecimal RGB=Red/Green/Blue; Insertar los valores Rojo/Verde/Azul. Por ejemplo: <font color="#24AAFF"> Este texto est en azul usando color="#24AAff" </font> 2. Utilizando Por ejemplo: la especificacin del nombre del color.

    <font color="red"> Este texto est en rojo usando color="red" </font> (Ver ej3_html.php) Si uno se decide a trabajar con valores hexadecimales, se puede escoger entre una paleta de 16,7 millones de colores. De esta manera se trabaja independientemente de los navegadores Web. Si embargo, si se escribe el nombre del color se evita la definicin del color en forma hexadecimal que es un poco ms difcil. Actualmente estn estandarizados tan slo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web. Los cuales son: Nombre Aqua Fuchsia Lime Navy Silver Yellow Por ejemplo: <font color="blue"> Este texto est en azul usando color="blue" </font> <font color="maroon"> Este texto est en azul usando color="maroon" </font> Color Nombre Black Gray Maroon Olive Teal Color Nombre Blue Green Purple Red White Color

    1.5.4 Alineacin de texto


    Se puede usar <p aling="center">..</p> , mediante el atributo align. Por ejemplo: <p align="center"> Este prrafo est centrado </p> Las opciones Por ejemplo: pueden ser: <p align="left/center/right/justify">...</p>.

    <p align="left"> Este texto est alineado a la izquierda </p> <p align="center"> Este texto est centrado </p> <p align="right"> Este texto est alineado a la derecha </p> 8

    <p align="justify"> Este texto est justificado </p> Actualmente se usan las CSS1 para formatear el texto. Por ejemplo: <p style="text-align:center"> Este texto est centrado. </p> <p style="text-align:left"> Este texto est alineado a la izquierda. </p> <p style="text-align:right"> Este texto est alineado a la derecha. </p> <p style="text-align:justify"> Este texto est justificado, Margenes alineados a derecha e izquierda. </p> (Ver ej4_html.php) 1.6 Listas desordenadas Estn englobadas por las etiquetas <ul>...</ul> (unordered list). Cada uno de los elementos de la lista comenzar con una etiqueta <li>, que puede o no llevar su correspondiente </li> de cierre. Por ejemplo: <p> Lenguajes en Internet </p> <ul> <li> Ingls 50% </li> <li> Espaol 10 % </li> <li> Francs 10% </li> </ul> La etiqueta <ul> dispone una serie de atributos, con los cuales es posible configurar el aspecto que va a tener la lista. type="circle / disc / square". Define la vieta a emplear en la lista. El parmetro tipo puede tomar los valores: o circle: punto redondeado negro y relleno o disc: lnea circular o square: cuadro relleno
    1

    CSS es la sigla en ingls de Cascading Style Sheets (hojas de estilo en cascada). CSS es un lenguaje usado

    para definir la presentacin de un documento estructurado escrito en HTML o XML (y por extensin en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificacin de las hojas de estilo que servirn de estndar para los agentes de usuario o navegadores.

    Por ejemplo: <p> Lenguajes en Internet </p> <ul type="circle"> <li> Ingls 50% </li> <li> Espaol 10 % </li> <li> Francs 10% </li> </ul> <p> Lenguajes en Internet </p> <ul type="square"> <li> Ingls 50% </li> <li> Espaol 10 % </li> <li> Francs 10% </li> </ul> (Ver ej6_html.php) 1.7 Listas ordenadas Estn delimitadas por las etiquetas <ol> y </ol> (ordered list). Al igual que las desordenadas cada uno de los elementos de la lista comenzar con una etiqueta <li>, que puede o no llevar su correspondiente </li> de cierre. Por ejemplo: <p> Ciudades del Mundo <p> <ol> <li> NewYork </li> <li> Tokio </li> <li> Shangai </li> </ol> La etiqueta <ol> dispone una serie de atributos, con los cuales es posible configurar la apariencia que va a tener la lista. Los ms importantes son: type="1 / a / A / i / I ": define el tipo de secuenciador a usar en la lista. Los secuenciadores en una lista van en su orden natural lgico. El atributo tipo puede tomar los valores: o o type="1" - Para ordenar por nmeros - Este el valor que tiene type por defecto. type="a" - Numerar por letras minsculas del alfabet 10

    o o o

    type="A" - Clasificar por letras maysculas del alfabeto. type="i" - Numerar por nmeros romanos en minsculas. type="I" - Ordenacin por nmeros romanos en maysculas.

    start="n": donde n es el valor con el que comenzar la lista. Los valores del parmetro "n" son nmeros enteros a partir de 1. Si se omite este atributo la lista comenzar por el nmero 1. (Ver ej6_html.php) 1.8 Tablas Las tablas estn formadas por celdas agrupadas en filas y columnas. Una fila est compuesta por uno o ms espacios (celdas) alineados horizontalmente. Una columna est compuesta por uno o ms espacios alineados verticalmente. Una celda es el espacio formado por la interseccin de una fila y una columna. El nmero de celdas esta componen la tabla est definido por el diseador de la pgina. Columna 1 Columna 2 Columna 3 Fila 1 Celda (1,1) Celda (2,1) Celda (2,1) Fila 2 Celda (2,1) Celda (2,2) Celda (2,1) Fila 3 Celda (3,1) Celda (3,1) Celda (2,1) Sin embargo no es todo tan fcil a la hora de trabajar con tablas, puesto que algunas veces parecen comportarse de una forma ilgica, por tanto debemos de conocer todo lo referente a ellas incluso algunos pequeos trucos que existen. Esto es debido a que en el origen del lenguaje HTML las tablas fueron diseadas por cientficos de las universidades para contener y organizar informacin, no como una ayuda para el diseo grfico de la pgina, ya que en esa poca el lenguaje y las pginas web se conceban como una forma de transmitir texto plano, en monitores monocromos y de poca resolucin, y no fue hasta el posterior desarrollo de Internet, de la WWW y de la tecnologa de ordenadores personales avanzados cuando se empez a tener en cuenta la importancia del diseo visual de una pgina web como un medio global para transmitir no solo texto plano, si no tambin contenidos grficos y multimedia. Para conseguir que las tablas funcionen perfectamente es necesario conocer muy bien todos los atributos de las tablas. Se debe tener en cuenta: 1. Las tablas se crean con la etiqueta <table>...</table> . 11

    2. Las filas se definen con la etiqueta <tr>...</tr> (table row). 3. Cada etiqueta <tr> contiene celdas que inicialmente coincidirn con el nmero de columnas, definidas por medio de la etiqueta <td>...</td> . 4. Cada celda de datos puede contener lo que quieras insertar : texto, Imgenes, listas, e incluso otras tablas. La estructura de una tabla, se puede ver fcilmente en el siguiente esquema: <table> <tr> <td>...</td> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> <td>...</td> </tr> </table> Que llevado al HTML es: <table> <tr> <td> celda (1,1)</td> <td> celda (1,2)</td> <td> celda (1,3)</td> </tr> <tr> <td> celda (2,1)</td> <td> celda (2,2)</td> <td> celda (2,3)</td> </tr> <tr> <td> celda (3,1)</td> <td> celda (3,2)</td> <td> celda (3,3)</td> </tr> </table> (Ver ej7_html.php) Una tabla tiene los siguientes atributos: border="n" Crea un borde alrededor de la tabla de grosor especificado por el valor "n", tomando como unidad el pxel. Teniendo cero como valor por defecto. 12

    Width="n" el valor "n" indica la anchura de la tabla en pixels (200) o porcentaje (20%). Tambin se puede utilizar este atributo con las celdas <td>. height ="n" el valor "n", asigna la altura de la tabla en pixels o porcentaje. Align="right / left / center" Alinea horizontalmente la tabla con respecto a su entorno. Background="nombre_imagen.extension_del formato" permite colocar un fondo para la tabla a partir de un enlace a una imagen. bgcolor="#ffaabb" indica el color de fondo de la tabla o celda. bordercolor="#ffffff",define el color del borde. cellpadding="n", define el espacio, en pixeles, entre los bordes de la celda y el contenido de la misma. Por defecto, y si no se especifica, tiene un valor de 1. cellspacing="x", define el espacio ,en pixeles, entre el borde cada una de las celdas y el borde de la tabla. De no especificarse, tiene un valor por defecto de 2.

    Por ejemplo: <table border="1"> <tr> <td > Antonio Perez</td> <td> Zaragoza </td> </tr> </table> <table border="10"> <tr> <td > Antonio Perez</td> <td> Zaragoza </td> </tr> </table> 13

    <table border="1" width="100%"> <tr> <td > Antonio Perez</td> <td> Zaragoza </td> </tr> </table> <table border="1" width="200" bgcolor="red"> <tr> <td bgcolor=yellow> Antonio Perez</td> <td> Zaragoza </td> </tr> <tr> <td> Texto </td> <td> Texto </td> </tr> </table> (Ver ej9_html.php) (Ver ej10_html.php) 1.9 Imgenes Dotar de imgenes a un documento se realiza por medio de la etiqueta <img>, la cual no se cierra, seguida de la ruta donde est la imagen. <img src="ruta de la imagen/nombre_archivo.extension_archivo">

    Se pueden encontrar muchos formatos de imgenes, aunque probablemente los ms utilizados son JPG ,GIF y PNG. Las imgenes pueden tener los siguientes atributos: src="imagen.gif". Este atributo es obligatorio e indica el nombre del archivo imagen (entre comillas) o la URL (ruta o direccin en la que esta la imagen que se va incluir en el documento). align="left / right / top / middle / bottom". Permite controlar la alineacin de una imagen con respecto a una lnea de texto adyacente o a otras imgenes en esa lnea. 14

    alt="Texto explicativo". Mensaje que se mostrar al pasar el ratn sobre la imgen. Este texto se mostrar en caso de que la imgen no se cargara. Este atributo se implemento cuando los navegadores slo podan desplegar slo texto. width="n" n en pixels. Atributo opcional siendo recomendable usarlo para ayudar al navegador a representar la imagen, define el ancho de la imagen que vamos a representar. height="n" n en pixels. Atributo es opcional y recomendable ponerlo, define la altura de la imagen. border= "n", n en pixels. Mediante este atributo designamos el ancho del borde que rodea la imagen. Por ejemplo: <img src"img/im1.jpg" width="300" height="200" border="0" > Si se quiere poner texto: <p> <img src ="img/im2.jpg" align ="left" width="48" height="48"> Un prrafo con una imagen. El atributo align de la imagen esta configurado a la izquierda. La imagen aparecer a la izquierda de este texto </p> (Ver ej10_html.php) 1.10 Enlaces La sintaxis general de un enlace es por tanto de la forma: <a href="destino"> Referencia</a> (Ver ej11_html.php)

    15

    2. FORMULARIOS Desde PHP se puede acceder fcilmente a los datos introducidos desde un formulario HTML. Crear un archivo php con el siguiente cdigo:

    <HTML> <BODY> <FORM ACTION="f2.php" METHOD="POST"> Edad: <INPUT TYPE="text" NAME="edad"> <INPUT TYPE="submit" VALUE="aceptar" id="aceptar"> </FORM> </BODY> </HTML>
    Crear otro archivo php con el siguiente cdigo: <HTML> <BODY> <?PHP $edad = $_POST['edad']; print ("La edad es: $edad<br>"); echo ('La edad es: '.$edad.'<br>'); echo ("otra linea"); ?> </BODY> </HTML> Ahora se debe ejecutar el primer archivo, el cual llama al segundo. Ejercicio 1. Formulario simple. En el siguiente enlace se puede encontrar un tutorial acerca de formularios HTML. http://www.htmlquick.com/es/tutorials/forms.html En el siguiente enlace se puede encontrar la explicacin de diferentes etiquetas HTML. http://www.htmlquick.com/es/reference/tags.html

    16

    Existen diferentes tipos de elementos de entrada en un formulario: Elementos de tipo INPUT o TEXT o RADIO o CHECKBOX o BUTTON o FILE o HIDDEN o PASSWORD o SUBMIT Elemento SELECT o Simple / mltiple Elemento TEXTAREA

    TEXT

    Introduzca la cadena a buscar: <INPUT TYPE="text" NAME="cadena" VALUE="valor por defecto" SIZE="20"> <?PHP $cadena = $_POST[cadena]; print ($cadena); ?>

    RADIO

    Sexo: <INPUT TYPE="radio" NAME=sexo" VALUE=M CHECKED>Mujer <INPUT TYPE="radio" NAME=sexo" VALUE=H">Hombre <?PHP
    17

    $sexo = $_POST[sexo]; print ($sexo); ?>

    CHECKBOX

    <INPUT TYPE="checkbox" NAME="extras[]" VALUE="garaje" CHECKED>Garaje <INPUT TYPE="checkbox" NAME="extras[]" VALUE="piscina">Piscina <INPUT TYPE="checkbox" NAME="extras[]" VALUE="jardin">Jardn

    <?PHP $extras = $_POST[extras]; foreach ($extras as $extra) print ($extra<BR>); ?>

    BUTTON

    <INPUT TYPE="button" NAME=actualizar" VALUE="Actualizar datos">

    <?PHP $actualizar = $_POST[actualizar]; if ($actualizar)


    18

    print ("Se han actualizado los datos"); ?>

    FILE

    <FORM ACTION="procesa.php" METHOD="post ENCTYPE="multipart/form-data"> <INPUT TYPE="file" NAME="fichero"> </FORM>

    HIDDEN

    <?PHP print(<INPUT TYPE=hidden NAME=username VALUE=$usuario>); ?> <?PHP $username = $_POST[username]; print ($username); ?>

    19

    PASSWORD

    Contrasea: <INPUT TYPE="password" NAME="clave"> <?PHP $clave = $_POST[clave]; print ($clave); ?>

    SUBMIT

    <INPUT TYPE="submit" NAME="enviar" VALUE="Enviar datos"> <?PHP $enviar = $_POST[enviar]; if ($enviar) print ("Se ha pulsado el botn de enviar"); ?>

    20

    SELECT simple

    Color: <SELECT NAME=color"> <OPTION VALUE=rojo" SELECTED>Rojo <OPTION VALUE=verde">Verde <OPTION VALUE=azul">Azul </SELECT> <?PHP $color = $_REQUEST[color]; print ($color); ?>

    SELECT multiple

    Idiomas: <SELECT MULTIPLE SIZE="3" NAME="idiomas[]"> <OPTION VALUE="ingles" SELECTED>Ingls <OPTION VALUE="frances">Francs <OPTION VALUE="aleman">Alemn <OPTION VALUE="holandes">Holands </SELECT> <?PHP $idiomas = $_POST[idiomas]; foreach ($idiomas as $idioma) print ($idioma<BR>\n); ?>

    21

    TEXTAREA

    Comentario: <TEXTAREA COLS=50" ROWS=4" NAME="comentario"> Este libro me parece ... </TEXTAREA> <?PHP $comentario = $_POST[comentario]; print ($comentario); ?>

    22

    Potrebbero piacerti anche