Daniela da Silva Holtz

Como Trabalhar com Formulário no Dreamweaver? – Criando um Formulário HTML

Vamos criar uma Nova Pasta na Área de Trabalho com o nome de novo_site.

No Dreamweaver vamos criar um NEW DOCUMENT (novo documento) HTML.

Na barra (INSERT) do Dreamweaver temos a categoria FORMS (Formulários), clique no ícone e localize a ferramenta FORM. Esse é o primeiro passo para criar um Formulário e criar a tag FORM. Clique no botão  FORM que será gerado a tag.

Na Interface do Dreamweaver clique em CODE (modo de Visualização de Código). Observe o código do Formulário.

Temos:

id=

name=

method= (que a gente tem GET e POST, deixe sempre em POST)

e a action= é o que eu quero que aconteça quando o usuário clicar no botão ENVIAR. O que eu quero que execute. Nesse caso, vai ser o PHP que a gente vai colocar aqui, numa outra parte do tutorial. 

Clique em DESIGN

Feito a tag FORM vamos criar nosso formulário.

Digite:

NOME: e clique em TEXT FIELD (campo de texto).

Observação:

Sempre temos que dar uma ID, pra todos os campos de formulários, porque o PHP nao vai ler essas palavras que estão escritas no HTML, ele vai ler a ID, ele vai procurar a ID que a pessoa inseriu, e, o que o usuário digitou dentro da ID é o que vai ser enviado por e-mail pro dono da empresa. O PHP é o que vai falar o que fazer com tudo isso aí.

Então, vamos dar uma ID:

Digite:

nome e OK!

Clique no campo de texto. Aparecerá a janela de propriedades, confira a ID do Text Field (campo de texto) se está com o nome: nome e configure o Chard Widht  (tamanho), 60, por exemplo.

Podemos digitar também um número máximo de caracteres, que pode ser digitado dentro do campo de texto em Max Chars. Um valor, que já vai começar escrito no campo. Esse não vai ser apagado automaticamente quando o usuário clicar dentro, mas por SPRY isso vai rolar.

Vamos clicar ao lado da caixa de campo de texto e dar um ENTER!

Digite:

E-MAIL:

<Esquema>Inserir um campo de texto>Inserir ID=>OK>Tamanho></esquema>

O formulário nao vai ficar tao alinhado porque nao estamos fazendo em tabelas. Nós estamos fazendo ele solto no <BODY></BODY>, o que é errado. Mas eu nao quero misturar na cabeça de vocês tutoriais com tutoriais. Nesse caso, vou focar apenas o formulário. Mas na prática é bom fazer dentro de células de tabelas.

Digite:

TELEFONE:

<Esquema>Inserir um campo de texto>Inserir ID=>OK>Tamanho></esquema>

ENTER

Agora vá em FILE>SAVE AS

Vamos nomear nosso arquivo de: contato.

Salvar Como Tipo: All Documents

ou adicionamos ao nome do arquivo a extensao .HTML.

Salvar Em: Vamos localizar a pasta que criamos na Área de Trabalho.

DESKTOP> novo_site> Abrir> Salvar

Nesse tutorial ‘Como Trabalhar com Formulário no Dreamweaver?’ criamos um Formulário HTML.

No próximo Tutorial vou ensinar pra vocês como trabalhar com RADIO BUTTON.

Radio Button é aquela opção onde o usuário só pode escolher uma ou a outra . Aquelas bolinhas!

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s

Informação

Publicado às 08/03/2012 por em DREAMWEAVER e marcado , , , , , .
%d blogueiros gostam disto: