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!
