Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Que são formulários?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Que são formulários?   21/7/2008, 12:46 am

São áreas onde o internauta pode preencher livros de visitas, pedidos de compra, cadastros, fóruns de discussões e tudo o que você puder imaginar que possa ser feito através do preenchimento de compos pelos seus visitantes.

Os Formulários são o início um processo que termina no envio dos dados para seu provedor, ou até mesmo e-mail, através de um programa (os famosos CGI´s).

Os formulários podem ser construídos com diversos objetos, cada qual com uma utilidade específica.

Ao início a área de formulário devemos indicá-las com a TAG <form> e finalizá-la com a TAG </form>, vejamos então como definir um formulário e os objetos que o compõem.

<form> e </form> - Indicam o início e o final da área de formulário.
<input> - Indica um tipo objeto inserido no seu formulário, tem em TYPE seu parâmetro principal.

<FORM>

Esta TAG está definida para o início e o final da área de formulário. Assim tudo que estiver entre <form> e </form>, será tratado como sendo parte de seu formulário.

Sintaxe:

<form name="nome" action="url" method="metodo">

name - Indica um nome que identificará o seu formulário para posterior utilização por exemplo por script´s que poderão controlar alguns eventos, tais o clique em um botão ou at passar o mause por um compo.

action - Indica a URL completa do programa que irá receber os dados do formulário, os formulários mais eficientes e profissionais necessitam de uma rotina de controle que normalmente é apresentada em CGI, verifique se o seu provedor suporta CGI e este deverá lhe passar as instruções de uso, caso este não tenha CGI próprio (coisa inadmissível hoje em um provedor sério), utilize o AnyForm, um CGI independente do provedor de acesso e muito bom. Você pode ainda enviar as informações diretamente para seu e-mail utilizando a sintaxe a seguir em action "mailto:seu@email".

method - Define o método de envio dos dados do formulário para o servidor. Os valores possíveis são get e post, este parâmetro também deve ser indicado pelo servidor.

<INPUT>

Sintaxe:

<input type="tipo" name="nome" value="valor_padrão" maxlenght="tamanho_maximo" size="tamanho_exibido">

Esta TAG define o tipo de objeto a ser apresentado em um formulário. Não precisa ser fechada. Seu principal parâmetro esta em type que aceita os seguintes valores.

text - Caixa de texto
password - Caixa de senha
checkbox - Caixa de verificação
radio - Botão de radio
reset - Limpar Formulário
submit - Submeter Formulário

Exemplo text: Caixa de texto.

Note que na primeira caixa de texto o parâmetro maxlenght é definido como 40 indicando o número máximo de caracteres aceitos, na segunda maxlenght é definido como 3 porém size é 5, o que define uma caixa de texto maior que o número de caracteres aceito acontecendo o contrário na terceira, sendo que esta já aparecerá com a cidade digitada no parâmetro value.

Código:
<form name="form1" action="mailto:projecthtml@hotmail.com" method="post">
<p>Digite seu nome:
<p><input type="text" name="nome" maxlegenght="40">
<p>Digite sua idade:
<p><input type="text" name="idade" maxlegenght="3" size="5">
<p>Digite a cidade onde você mora:
<p><input type="text" name="cidade" maxlegenght="25" size="20" valur="São Paulo">
</form>

Exemplo password: Compo de senha.

Tratado da mesma forma que um texto compo de tipo text, a única diferença é que ao digitar-se algo neste compo serão exibidos * no lugar dos caracteres digitados.

Código:
<form name="form1" action="mailto:projecthtml@hotmail.com" method="post">
<p>Digite seu login:
<p><input type="text" name="login" maxlegenght="40">
<p>Digite sua senha:
<p><input type="password" name="senha" maxlegenght="40">
</form>

Exemplo checkbox: Caixa de verificação.

As caixas de verificação podem assumir dois valores, verdadeiro (quando marcadas) ou falso (quando desmarcadas). O parâmetro checked faz com que uma determinada caixa já venha marcada.

Código:
<form name="form1">
<p>Nome:
<input type="text" name="nome" maxlenght="40">
<p>Sexo:
<input type="checkbox" name="sexo" value="Masculino">Masculino
<input type="checkbox" name="sexo" value="Feminino">Feminino
</form>

Exemplo radio: Botões de Rádio.

No exemplo anterior você pode ter notado uma falha, podemos marcar as duas caixas, gerando assim uma pequena confusão no preenchimento do formulário. Os botões de Rádio são tratados da mesma forma que a Caixa de Verificação, com uma diferença, só é possível marcar um de cada vez.

Note que faz um grupo de radio buttos é mesmo name, portanto se você atribuir name´s diferentes você estará definindo grupos diferentes e quando não agrupados estes objetos perdem a característica de permitir que apenas uma das opções seja selecionada.

Código:
<form name="form1">
<p>Nome:
<input type="text" name="nome" maxlenght="40">
<p>Sexo:
<input type="radio" name="sexo" value="Masculino">Masculino
<input type="radio" name="sexo" value="Feminino">Feminino
</form>

Exemplo reset: Limpar fomulário.

Atributo reset no parâmetro type cria um botão que irá forçar a releitura do formulário, retomando-o aos seus valores padrão, aqueles indicados pelo parâmetro value, o que na maioria das vezes irá limpar os dados do formulário.

veja o exemplo a seguir e confira preenchendo os campos e alterando os seus dados e clicando no botão limpar. Note que todos os campos irão retornar aos seus valores iniciais.

Código:
<form name="form1">
<p>Nome:
<input type="text" name="nome" maxlenght="40" size="40">
<p>Sexo:
<p><input type="radio" name="sexo" value="M">Masculino
<p><input type="radio" name="sexo" value="F">Feminino
<p>Idade
<p><input type="text" name="idade" maxlenght="3" size="5">
<p>Digite a cidade onde você mora:
<p><input type="text" name="cidade" value="São Paulo" maxlenght="25" size="20">
<p><input type="reset" name="limpar" value="Limpar">
</form>

Exemplo submit: Submeter Formulário.

Atributo submit no parâmetro type cria um botão que irá enviar os dados do formulário. Lembre que a forma de envio é dada no atributo action da TAG <form> onde se pode definir em script CGI (o mais adequado) ou na sua fakta o seu e-mail.
Faça o teste, perceba que neste caso os dados serão enviados para o e-mail do forum.

Código:
<form name="form1" action="mailto:projecthtml@hotmail.com" method="post">
<p>Nome:
<input type="text" name="nome" maxlenght="40" size="40">
<p>Sexo:
<p><input type="radio" name="sexo" value="M">Masculino
<p><input type="radio" name="sexo" value="F">Feminino
<p>Idade
<p><input type="text" name="idade" maxlenght="3" size="5">
<p>Digite a cidade onde você mora:
<p><input type="text" name="cidade" value="São Paulo" maxlenght="25" size="20">
<p><input type="reset" name="limpar" value="Limpar dados"><input type="submit" name="Enviar" value="Enviar dados">
</form>

Agora que aprendemos a criar um formulário iremos aplicá-lo no exercício que vai vir ai ok... estudem bastante porque não vai ser mole não rsrsrs :lol!:

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
marko
Novato
Novato
avatar

Masculino
Número de Mensagens : 4
Idade : 27
Experiencia em Webdesign : Basico
Pontos : 3363
Reputação : 0
Data de inscrição : 07/08/2008

MensagemAssunto: Re: Que são formulários?   13/9/2008, 12:58 pm

cara o que é maxlenght??? nao percebi bem

EDIT: ja sei o que e max lenght

agora keria saber uma coisa e que eu fiz um teste

Código:
<html>
<head>
<title>Formulario</title></head>
<body bgcolor="red" text="blue">
<form>
<form name="Formulario" bgcolor="blue" action="malito:marcomferreira@hotmail.com">
</form>
<p>Nome:
<input type="text" name="Nome:" maxlenght="40" size="30">
<p>Sexo:
<input type="radio" name="Sexo" value="M">Masculino
<input type="radio" name="Sexo" value="F"> Femenino
<p>Password:
<input type="Password" name="Escreva aqui a sua Password">
<br>
</br>
<br>
</br>
<p>Limpar Formulario
<input type="reset" name="Limpar Formulario" value="Limpar">
</form>
</html>

quando eu cliquo em limpa nao da nada porque?
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Que são formulários?   13/9/2008, 5:20 pm

você simplemente errou no códigos...você fechou </form> muito antessipado só isso...

o código certo arrumado é este:

Código:
<html>
<head>
<title>Formulario</title></head>
<body bgcolor="red" text="blue">

<form name="Formulario" bgcolor="blue" action="malito:marcomferreira@hotmail.com">
<p>Nome:
<input type="text" name="Nome:" maxlenght="40" size="30">
<p>Sexo:
<input type="radio" name="Sexo" value="M">Masculino
<input type="radio" name="Sexo" value="F"> Femenino
<p>Password:
<input type="Password" name="Escreva aqui a sua Password">
<br>
</br>
<br>
</br>
<p>Limpar Formulario
<input type="reset" name="Limpar Formulario" value="Limpar">
</form>
</html>

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
marko
Novato
Novato
avatar

Masculino
Número de Mensagens : 4
Idade : 27
Experiencia em Webdesign : Basico
Pontos : 3363
Reputação : 0
Data de inscrição : 07/08/2008

MensagemAssunto: Re: Que são formulários?   13/9/2008, 5:24 pm

vlw^^ :hay':
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Que são formulários?   5/5/2009, 8:54 am

De nada quando precisar só da um toque ai... de vagar todo mundo aprende xD

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Conteúdo patrocinado




MensagemAssunto: Re: Que são formulários?   

Voltar ao Topo Ir em baixo
 
Que são formulários?
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Criar formulários de postagem
» Programas para fazer formulários
» [Resolvido]Fechar vários formulários
» [Resolvido] Como fazer um formulário editável?
» [Resolvido]Como deixar formulários e relatórios em tela cheia?

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: HTML :: HTML avançado-
Ir para: