Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 

Apredendo a montar um formulário

31-08-2007 14:37

Bem pessoal, sei que muita gente já sabe, mas, tem pessoas que não sabem nem o que é HTML, então irei mostrar aqui como montar um formulário, isso mesmo, aquele no qual muitas vezes nós utilizamos para efetuarmos nosso cadastro em algum site, bem chega de conversa e mãos a obra.

Bem, a sintaxe do HTML em alguns casos (na maioria deles) exige uma "tag" para o inicio,
e outra para o final do bloco, é o que ocorre na hora de definir um formulário, sendo que:
todos os elementos do formulário devem estar entre as duas tags, as tags sitadas são:
================================================

<form name="" action="" method="" enctype="">

então logo teremos:

name: é o que indentifica o formulário.

action: nome do script que irá receber os dados contidos no formulário,
quando for sbmetido.

method: metodo de envio dos dados GET ou POST.

enctype: indica qual o formato dos dados, ao serem enviados, porém o Default é
"urlencoded"
============================================

Exemplo de como ficaria o formulário com esses elementos sitados:

<form name="form" action="enviar.php" method="post" enctype="urlencoded">

(aqui colocariamos o conteudo e elementos do formulário)

</form>
OBS: em: (action="enviar.php") <- isso é o script que receberá os dados ao ser submetido.
===============================================

Muitos elementos de um formulário html são definidos pela tag <input>
cada tipo de elemento possui ao menos 2 paremetros diferentes, sendo eles:
"type" que defini o tipo de elemento
e name que serve para indentificar aquele elemento, segue abaixo um exemplo:

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

aqui nesse exemplo eu deifini que: o tipo do elemento é o famoso botão Submit.
Vamos ver agora o campo de texto.

<input type="text" name="" value="" size="" maxlength="">

esse campo de texto é o que mas aparece em formulários.

vamos ver agora o campo de texto com máscara, é aquele no qual utilizamos para digitar
nossa senha;)

<input type="password" name="" value="" size="" maxlength="">

CheckBox:

<input type="checkbox" name="" value="" checked>

Utilizado para campos de múltipla escolha, onde o usuário pode marcar mais de uma opção.
Checked O estado inicial do elemento. Quando presente, o elemento já aparece marcado;)
Value o valor que será enviado ao servidor quando o formulário for submetido,
no caso do campo estar marcado.

Radio Button

Bem,ele é utilizado para campos de múltipla escolha, podendo assim marcar apenas uma opção

<input type="radio" name="" value="" checked>

Reset Button

Esse eu acho que todos ou quase todos conhecem, pois é super comum esse tipo de elemento
em um formulário, ele serve para fazer os capos do formulário voltarem ao seu
estado original, por exemplo, se esta preenchendo um formulário,ai percebe que você errou,
entam é só dar um RESET e pronto, ele volta ao seu estado original, na maioria das vezes em branco;)

Button

<input type="button" name="" value="">

Utilizado normalmente para ativar funções de scripts client-side, por exemplo
javaScript, entam sem esse utilização ele não serve pra nada.

TEXT Área

<textarea cols="" rows="" name="" wrap="">texto</textarea>

Exibe na tela uma caixa de texto, com o tamanho definido pelos parâmetros "cols" e "rows".
é aquele no qual usamos na maioria das vezes quando vamos enviar alguma mensagem a alguém,
onde aparece o lugar pra digitar a mensagem, chama-se textarea

Cols: número de colunas do campo.

Rows:número de linhas do campo.

neste momento devem estar se perguntando: Onde tá o VALUE???... bem, esse tipo de
elemento não possui "value", quer dizer, possui mas nao específico com o nome VALUE,
as sim um Valor pré definido, que é o texto que fica entre as "tags" <texarea> e </textarea>

Select

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

<option value="">texto</option>

</select>

Bem,esse é bem simples, lembra de quando você vai n perfil do orkut,
e seleciona o estado onde você mora?? poisé, vc está usando o "select";)
o parâmetro "size" tiver como valor "1" e não ouver o parâmetro "multiple",
ele exibirá na tela uma combox ao invés
de "selectlist".

Multiple: parâmetro que, se presente, permite que sejam selecionadas duas ou mais linhas,
através das teclas Control ou Shift.

option: Cada item do tipo “option” acrescenta uma linha ao select

value: Valor a ser enviado ao servidor se aquele elemento for selecionado.
Default: o texto do item

text valor a ser exibido para aquele item. Não é definido por um parâmetro,
mas pelo texto que fica entre as tags <option> e </option>.

Upload de Arquivos.

Quantas e quantas vezes em sites de Upload não usamos esse elemento???,
aquele que vc usa para procurar o item selecionalo e depois
inseri-lo no formulário...

<input type="file" name="" size="">

este deverá utilizar o method "POST"e ter o parâmetro "enctype" com o valor
"multipart/form-data".

Size: será o tamanho do campo de texto;)

Bem, Terminamos o básico de um formulário, com isso você já poderá montar seu
próprio formulário.

espero ter ajudado

Atenciosamente.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17612
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Apredendo a montar um formulário

31-08-2007 14:54

Bem útil, uma base e tanto
0
A melhor hospedagem para o seu site HostGator!
 

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado