Jump to content
Fórum Script Brasil
  • 0

Formulário de Email


Guest Cesar Augusto

Question

Guest Cesar Augusto

Ola Galera espero a ajuda de vocês, bom é o seguinte eu queria 2 formularios para eu colocar no meu site.

1 Formulario queria o seguintes campos:

NOME

EMAIL

CIDADE

ESTADO

ASSUNTO

2 Formulario queria os seguintes campos:

NOME

CPF

RG

PROFISSÃO

DATA DE NASCIMENTO

TELEFONE

ENDEREÇO

CIDADE

ESTADO

CEP

EMAIL

espero contar com a ajuda de vocês e desde já agradeço.

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Formulários HTML

Um formulario é iniciado com <form> e fechado com </form>. Internamente a essas marcações especificamos o tipo de campo desejado para entrada de dados:

<input> : text (linha única para texto), password, checkbox, radio, submit (button) e reset (button);

<select> : listbox, combobox;

<textarea> : campo de texto de múltiplas linhas.

Cada um destes campos de entrada de dados possui um atributo "name" associado a um nome, de tal forma que o parâmetro "action" possa receber uma variável com o valor digitado pelo usuário.

Uma vez que a finalidade básica de um formulário é possibilitar a troca de dados entre o usuário e um servidor, o formulário precisa saber o método (method) em que os dados serão enviados do browser para o servidor. Há dois métodos:

post - voltado à transferência de grandes quantidades de dados, transferindo a informação assim que a URL estiver habilitada. Quando o servidor recebe uma ativação via post, ele continua aberto para receber informações.

get - Suporta somente 128 caracteres e os ddados fazem parte da URL associado à consulta enviada para o servidor.

O formulário também precisa saber o endereço URL do script ao qual serão enviados seus dados. Especificamos esse endereço através do parâmetro "action".

Vejamos alguns exemplos básicos com <input>:

1º. text:

<form method="post" action="teste.php">

Digite o nome de sua cidade:

<input type="text" name="Cidades" value=Araçatuba size="15" maxlenght="15">

</form>

O exemplo acima cria um text, que permite a entrada de um texto.

Parâmetros opcionais:

value - atribui um valor inicial para o campoo;

size - especifica o tamanho do campo;>

maxlenght - especifica o número máxximo de caracteres aceitos pelo campo.

2º. Agora um exemplo com password (campo para entrada de senhas):

<form method="post" action="teste.php">

Digite uma senha:

<input type="password" name="Senha" value="minhasenha" size="10" maxlenght="10">

</form>

A diferença entre text e password é que, sendo este último campo apropriado para entrada de senhas, os caracteres são apresentados como asteriscos (*). Os parâmetros value, size e maxlenght são opcionais.

3º. Um checkbox é um campo de múltipla escolha onde o usuário pode escolher mais de uma opção:

Que outro curso você quer ver em nossas páginas:<p>

<input type="checkbox" name="preferencia" value="cbuilder" checked>C++Builder

<input type="checkbox" name="preferencia" value="php">PHP<p>

<input type="checkbox" name="preferencia" value="delphi">Delphi

<input type="checkbox" name="preferencia" value="vb">Visual Basic<p>

<input type="checkbox" name="preferencia" value="asm">Assembly

<input type="checkbox" name="preferencia" value="java">Java

O parâmetro checked, que é opcional, determina a marcação da opção inicialmente. Já value é obrigatório pois especifica o valor da opção a ser enviada ao servidor.

4º. Radio é mais um formulário de múltipla escolha, mas nesse caso o usuário poderá escolher apenas uma opção. Os parâmetros seguem o mesmo roteiro do checkbox:

Que outro curso você quer ver em nossas páginas:<p>

<input type="radio" name="preferencia" value="cbuilder" checked>C++Builder

<input type="radio" name="preferencia" value="php">PHP<p>

<input type="radio" name="preferencia" value="delphi">Delphi

<input type="radio" name="preferencia" value="vb">Visual Basic<p>

<input type="radio" name="preferencia" value="asm">Assembly

<input type="radio" name="preferencia" value="java">Java

5º. Um botão reset pode ser usado para restaurar o valor padrão de todos os campos de um formulário:

<input type="reset">

Se colocado, o parâmetro value especifica o texto do botão.

6º. Por sua vez, submit enviará as opções ou informações digitadas ao servidor:

<input type="submit" value="enviar">

São opcionais os parâmetro value que especifica o texto a ser exibido no botão e o parâmetro name que determinará a transmissão do valor contido em value, permitindo a colocação de vários botões.

Agora vamos conhecer os campos que podem ser construídos com <select>:

1º. Listbox ;

2º. Combobox;

parâmetros:

Listbox e Combobox podem ser considerados campos irmãos. A diferença básica entre eles consiste na existência ou não do parâmetro size (que especifica o número de linha exibidas). Se inserirmos esse parâmetro, estaremos construindo um listibox; se não especificarmos, um combobox.

Um listbox:

Que outro curso você quer ver em nossas páginas:<p>

<select name="cursos" size = "10" multiple>

<option value="bcb">C++Builder</option>

<option value="php">PHP</option>

<option value="delphi">Delphi</option>

<option value="vb">Visual Vasic</option>

<option value="asm">Assembly</option>

<option value="java">Java</option>

</select>

Um Combobox:

Que outro curso você quer ver em nossas páginas:<p>

<select name="cursos"><> <option value="bcb">C++Builder</option>

<option value="php">PHP</option>

<option value="delphi">Delphi</option>

<option value="vb">Visual Vasic</option>

<option value="asm">Assembly</option>

<option value="java">Java</option>

</select>

O parâmetro opcional multiple permite a seleção de mais de uma linha;

Cada <option> acrescenta uma linha ao componente;

value especifica o valor a ser enviado ao servidor se tal item for selecionado;

Inserimos o texto que queremos expor entre <option> e </option>:

<option>Texto que aparecerá no item</option>

Agora vamos conhecer <textarea>:

<textarea name="opniao" rows="5" cols="40">

digite aqui sua avaliação deste curso

</textarea>

Em <textarea> o texto default é opcional; já os parâmetros rows e cols devem ser especificados.

Bom meu amigo, espero ter tirado algumas dúvidas que você poderia ter sobre formulários.

Agora é só você trabalhar e montar o seu.

Sucesso...

Link to comment
Share on other sites

  • 0
Guest Cesar augusto

Amigo Ricardo, como sou iniciante nisso, você poderia mandar o 2 tipos editados so pra eu fazer a alteração no campo do email e site.

pois to precisando muito desses 2 formularios.

valeu e eu entendi so um pouco do que você ensinou.

abraço

Link to comment
Share on other sites

  • 0

Formulário 1

<form action="pagina_com_cod_de_envio" method="post" name="formulario1">
<table width="413" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="113" valign="top">NOME:</td>
    <td width="300" valign="top"><input name="nome3" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">EMAIL:</td>
    <td valign="top"><input name="nome4" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">CIDADE:</td>
    <td valign="top"><input name="nome5" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">ESTADO:</td>
    <td valign="top"><input name="nome" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">ASSUNTO:</td>
    <td valign="top"><input name="nome2" type="text" size="50" /></td>
  </tr>
</table>
</form>
Formulário 2
<form action="pagina_com_cod_de_envio" method="post" name="formulario2">
<table width="518" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="218" valign="top">NOME:</td>
    <td width="300" valign="top"><input name="nome3" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">CPF:</td>
    <td valign="top"><input name="nome4" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">RG:</td>
    <td valign="top"><input name="nome5" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">PROFISSÃO:</td>
    <td valign="top"><input name="nome" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">DATA DE NASCIMENTO:</td>
    <td valign="top"><input name="nome6" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">TELEFONE:</td>
    <td valign="top"><input name="nome7" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">ENDEREÇO:</td>
    <td valign="top"><input name="nome8" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">CIDADE:</td>
    <td valign="top"><input name="nome9" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">ESTADO:</td>
    <td valign="top"><input name="nome10" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">CEP:</td>
    <td valign="top"><input name="nome11" type="text" size="50" /></td>
  </tr>
  <tr>
    <td valign="top">EMAIL:</td>
    <td valign="top"><input name="nome12" type="text" size="50" /></td>
  </tr>
</table>
</form>

A formatação é por sua conta...

forte a braço

SUCESSO

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152k
    • Total Posts
      651.5k
×
×
  • Create New...