Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula 15

    Enviado por

    eniocrf
    18 visualizações3 páginas

    Título original

    aula_15

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    18 visualizações3 páginas

    Aula 15

    Enviado por

    eniocrf

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 3

    AULA 15 - TRABALHANDO PHP COM HTML Iremos conhecer mais sobre HTML.

    Estamos trabalhando o HTML de forma bem simples, somente para criarmos os formulrios para interagir com o usuario. Segue abaixo as tags mais utilizadas, juntamente com as que j vimos na aula 3: <HTML> </HTML> Delimita o documento (incio e fim). Esta marcao deve ser inserida imediatamente no incio e no final de todo arquivo HTML. <FORM NAME=MEU_FORM METHOD="POST"> </FORM> *** Marcaes de campos de entrada e HTML em geral <INPUT> Caixa de texto. So as caixas de texto colocadas no formulrio para que o usurio digite os dados. Para receber os dados, o input deve ficar assim: <input type=text name=nome>. Antes do <input> poder ficar uma descrio, que ser livre. Nome: <input type=text name=nome> Para mais detalhes: http://www.criarweb.com/artigos/101.php Para submeter o formulrio, o input deve ficar assim: <input type=submit name=Clique value=Clique> O atributo type indica o tipo de <input> que estamos utilizando. Poder ser submit, text, password, etc... <HEAD> </HEAD> Cabealho. uma rea para insero de informaes que no sero visveis na pgina HTML, tais como "TITLE" e comentrios. <TITLE> </TITLE> Ttulo do documento. Todo documento WWW deve ter um ttulo. sugerido que os ttulos dos documentos sejam sugestivos, este ttulo referenciado em buscas pela rede. O ttulo aparece na identificao da janela do Browser. <BODY> </BODY> o corpo do documento. O que fica entre as tags <HTML> </HTML> a sua pgina. O que fica entre <BODY> e </BODY> o corpo de sua pgina, o que aparecer na tela do browser.

    <HEAD> e </HEAD> so colocadas informaes referentes a pgina, como um cabealho. E, entre <TITLE> </TITLE> deve ficar o ttulo da homepage (que aparecer na Barra de ttulo do browser e no no corpo da pgina). Outros comandos: <P> </P> Pargrafo novo. Ex.: <p align=left>texto1</p> <p align=center>texto2</p> <p align=right>texto3</p> <BR> Quebra de linha. Ou linha em branco. No necessita de tag de fechamento. <TABLE> </TABLE> Cria uma tabela. Entre eles, devem ser especificadas as tags responsveis pela criao das linhas e clulas, ttulos, bordas e alinhamento da tabela. Como padro, uma tabela criada sem borda, ou seja, no aparecem as linhas horizontais e verticais que separam as clulas. <TR> </TR> Abreviao de Table Row. Essas tags so usadas para criar uma linha da tabela. Se uma tabela tiver cinco linhas, devero ser indicados cinco pares desses comandos. <TD> </TD> Abreviao de Table Data. As tags TD so usadas para especificar o contedo de uma clula. Esses comandos so usados em pares para cada clula da linha. Devem ser usados entre os comandos <tr> </tr>. Ao contrrio das planilhas, uma tabela no precisa ter todas as linhas com mesmo nmero de clulas. A largura de uma coluna definida pela largura da maior clula que faz parte da coluna. O contedo de uma clula alinhado pela opo Align. <TD><FONT COLOR=? FACE=? SIZE=?><B>TEXTO</B>/FONT></TD> - Formata o texto dentro de cada clula de uma tabela.

    <DIV></DIV> Utilizamos a tag DIV para organizar os dados de uma pgina. Colocamos uma DIV entre as tags <BODY> e </BODY>. Dentro da utilizao do CSS, a DIV largamente utilizada, para aplicao de estilos. Para maiores esclarecimentos sobre CSS: http://www.maujor.com/tutorial/marcatemplate.php

    UTILIZANDO PHP COM HTML O primeiro passo montarmos um formulrio para recebermos algum tipo de informao. Como exemplo, vamos criar um formulrio com dois campos para entrada de texto. Um para o nome, outro para o endereo. Vamos salvar o cdigo abaixo como cadastro.php <HTML> <HEAD> <TITLE>Programa para cadastro</TITLE> </HEAD> <BODY> <P><font color=blue>Digite os dados solicitados, depois clique no boto Enviar:</font></P> <FORM method="get"> <P>Nome: <INPUT type=text name=nome maxlength=20></P> <P>Sexo: <INPUT type=radio name=sexo value='F'>Feminino <INPUT type=radio name=sexo value='M'>Masculino </P> <P>Endereo: <INPUT type=text name=endereco maxlength=20></P> <P><input type=submit name="Enviar" value="Enviar"></P> </FORM> </BODY> </HTML> Tratando as informaes recebidas Na aula 3 vimos que poderemos tratar as informaes enviadas pelo formulrio atravs dos mtodos POST ou GET. Relembrando: Mtodos utilizados no formulrio, para envio das informaes: GET S pode enviar at 255 caracteres de informaes e estas vo como parte da URL. POST Pode enviar um nmero ilimitado de informaes. Atravs das variveis superglobais $_GET e $_POST, trataremos as informaes enviadas atravs do formulrio no PHP, dependendo do mtodo utilizado no formulrio. Vamos imprimir na tela, utilizando o comando echo, o que for preenchido no formulrio HTML. Para isso, no final do programa cadastro.php, o seguinte cdigo: <div>DADOS ENVIADOS</div> <div><?php echo $_GET['nome']; ?></div> <div><?php echo $_GET['sexo']; ?></div> <div><?php echo $_GET['endereco']; ?></div> Salve o programa novamente e execute. Observe o resultado.

    Criticando as informaes recebidas Agora, vamos alterar novamente o programa cadastro.php. Vamos mostrar na tela o resultado de dados enviados, somente se o boto submit for clicado. E caso algum dos campos no tenha sido preenchido, vai aparecer uma mensagem assim : Informaes no preenchidas. <?php if ($_GET['Enviar'] == 'Enviar') { if ( empty($_GET['nome']) or empty($_GET['sexo']) or empty($_GET['endereco']) ) { echo "<font color=red>Existem informaes no preenchidas. Por isso os dados no sero enviados.</font>"; } else { ?> <div>DADOS ENVIADOS</div> <div><?php echo $_GET['nome']; ?></div> <div><?php echo $_GET['sexo']; ?></div> <div><?php echo $_GET['endereco']; ?></div> <?php } } ?>

    Você também pode gostar