Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Formulários e Frames em HTML

    Enviado por

    Lais Lodi
    14 visualizações22 páginas
    Apostila de Formulários e introdução a Frames em HTML

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Apostila de Formulários e introdução a Frames em HTML

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    14 visualizações22 páginas

    Formulários e Frames em HTML

    Enviado por

    Lais Lodi
    Apostila de Formulários e introdução a Frames em HTML

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 22

    Atributos

    Atributos
    Como vimos anteriormente, para incluir um
    formulrio em uma pgina web, precisamos inici-lo
    com a tag <form> e finaliz-lo com </form>

    O que veremos a seguir so os atributos da tag FORM,


    que podem ser:
    Action;
    Method;

    Method
    O atributo Method especifica a maneira com que o
    browser deve enviar os dados do formulrio para o
    servidor web, os dados a serem processados. METHOD
    pode assumir dois valores:
    Post
    Get
    Post: o browser enviar o fluxo de dados diretamente
    para o script no servidor;
    Get: o fluxo de dados anexado a URL do script e
    enviado ao servidor. Mais usado para pouca
    informao.

    Action
    Especifica a URL do script (como no aprendemos
    ainda a fazer um script, usamos endereos web)

    Entradas / INPUT
    Podem ser campos de texto (type=text), campos de
    senha (type=password), radio (type=radio),
    checkbox (type=checkbox), button (type=button),
    boto de envio de formurio (type=submit), boto de
    limpar o formulrio (type=reset), boto com imagem
    (type=image) ou controle escondido
    (type=hidden).
    Cada entrada deve ter um nome DIFERENTE
    (name=entrada) ou no ter nome algum (se for do
    interesse do programador).

    Entradas / INPUT
    Outros atributos:
    Maxlength: nmero mximo de caracteres (somente
    para type=text ou password)
    Src: endereo da imagem (somente para type=image)
    checked: selecionado (somente para type=radioou
    checkbox)
    Size: tamanho inicial do controle dado em quantidade
    de caracteres (type=textou password) ou em pixels
    (outros tipos)

    Exemplo
    <input type=textname=nomesize=20
    maxlength=50>
    Ir criar uma entrada de texto com tamanho que pode
    exibir at 20 caracteres, mas pode armazenar at 50,
    cujo nome nome.

    Dvidas TYPE=TEXT
    <input type=text name=nome>

    <input type=text name=nome size=20>


    <input type=text name=nome size=20
    maxlength=80 >

    <input type=text name=nome maxlength=80>


    etc

    Dvidas TYPE=PASSWORD
    <input type=password name=senha>

    <input type=password name=senha size=20>


    <input type=password name=senha size=20
    maxlength=80>

    <input type=password name=senha


    maxlength=80>
    etc

    Dvidas TYPE=HIDDEN
    <input type=hidden name=variavel>

    <input type=hidden name=variavel value=valor>


    etc

    Dvidas TYPE=RADIO
    <input type=radio name=variavel
    value=opcao1>Opo 1
    <input type=radio name=variavel value=opcao2
    checked>Opo 2

    etc
    NO FAAM!
    <input type=radio name=variavel>

    Dvidas TYPE=CHECKBOX
    <input type=checkbox name=variavel >Opo 1

    <input type=checkbox name=variavel


    value=opcao2 >Opo 2
    <input type=checkbox name=variavel
    value=opcao3 checked>Opo 3
    etc

    NO FAAM!
    <input type=checkbox name=variavel
    value=opcao>

    Dvidas TYPE=TEXTAREA
    <input type=textarea name=variavel >
    PREFIRAM:
    <textarea rows=3 cols=100
    name=comentarios>Comentrios</textarea>

    Dvidas TYPE=RESET e
    SUBMIT
    <input type=reset value=Limpar>

    <input type=reset name=reset value=Limpar>


    <input type=submit value=Enviar>
    <input type=submit name=send value=Enviar>

    MENUS - SELECT
    <select name=estados>

    <option selected value=ES>Esprito Santo


    <option value=SP>So Paulo
    </select>
    <select name=estados size=2>
    <option selected value=ES>Esprito Santo

    <option value=SP>So Paulo


    </select>

    MENUS - SELECT
    <select name=estados MULTIPLE>

    <option value=ES>Esprito Santo


    <option value=SP>So Paulo
    <option value=RJ>Rio de Janeiro

    </select>

    Frames
    Usados para dividir uma
    janela do browser em
    diferentes partes e cada
    uma delas pode ser
    atualizada
    separadamente. Pode-se
    exibir um ndice em um
    frame e visualizar o
    contedo de cada item
    em outro.

    Na figura abaixo, tem-se


    trs frames diferentes:
    um indicando que o
    frame deve ser dividido
    em dois frames, e os
    outros dois frames

    Frames
    Usa-se a tag <frameset> no lugar da tag <body> para se
    criar frames:

    Frames
    Para criar frameset em duas linhas, usa-se o atributo
    ROWS;
    Para criar frameset em duas colunas, usa-se COLS.

    frameset.html

    Frames - Atributos
    src: Especifica a URL do arquivo HTML;

    marginWidth: Especifica as margens direita e


    esquerda (largura) do contedo em um frame, e seu
    valor especificado em pixels;
    MarginHeight: especifica as margens superior e
    inferior do contedo em um frame e seu valor
    tambm especificado em pixels;
    Scrolling: adiciona uma barra de rolagem a um
    frame;

    NoResize: evita que o usurio redimensione um


    frame.

    Frames - ndices
    frame_a.html

    frameset.html

    LEGEND e FIELDSET
    Legend: Atribui um nome a um
    grupo de entradas;
    Fieldset: Cria uma rea ao
    redor de algumas entradas.
    legend

    fieldset

    Você também pode gostar