Pular para o conteúdo principal

Canal do telegram com Varios cursos gratuitos de programação

CURSO DE HTML - AULA 5

Hoje Falaremos sobre Formulários

Formulários são muito utilizados em sites para receber dados do usuário, quem nunca precisou preencher um formulário de cadastro ou simplesmente para logar em um website?
Quando preenchemos corretamente os campos e clicamos no botão de enviar esses dados serão enviados para o administrador do site e consequentemente uma resposta deve vir até você como por exemplo:

obrigado por nos contactar!!!

você está logado.

Vamos ao que interessa:

Os formulários são criados a partir das etiquetas: <form> e </form> o comando para os campos é o <input>
há dois tipos de campos "text", para textos e "password", para senhas utilizamos este último para que o usuário digite sua senha discretamente, no lugar dos caracteres aparecem pontos.

text:



password:



também temos outros componentes dos formulários:

botões:
<input name="opção" type="radio" value="on"/>
rádio- opção única


<input type="checkbox" value="on"/>
checkbox- várias opções:


caixa de seleção:

<select>
<option>opção</option>
</select>
veja abaixo como seria uma caixa de seleção:


veja o código desta caixa:

<select>
<option> sim </option>
<option> não </option>
<option> talvez </option>
</select>

Outro campo de texto muito conhecido é o textarea um campo multiline ou seja com várias linhas:

veja o código:
<textarea name="comentário" rows="10" cols="40">Escreva seu comentário....</textarea>

veja como fica:




Agora você deve está se perguntando:

E como eu recebo os dados do formulário?

Bom  você pode receber estes dados em seu e-mail, através de uma arquivo php que envie os dados para seu servidor e então será enviado para seu endereço eletronico:

em seu formulário você escreve:

<form method="POST" action="envia.php">

E você deve ter uma página php com o nome "envia.php"

Falta somente o botão de enviar o formulário para isto vamos digitar o código:

<input type="Submit" value="Enviar">

veja como fica:



Com estes dados você já é capaz de criar seu formulário, agora é bom dar uma boa estudada em php, para manipular este formulário.

<><><><><><><><><><><><><><><><><><><><><><><><><>obs: O php é uma linguagem de programação orientada a objetos, não vai ser da noite para o dia e você vai ser capaz de dominar a linguagem, mas você pode aprender pelo menos a manipular os dados e receber em seu e-mail, procure perguntar sobre isso no yahoo respostas, fórum do orkut ou outros. <><><><><><><><><><><><><><><><><><><><><><><><>

Na próxima aula vamos aprender como colocar o site no ar!!!

até a próxima





Comentários

Postagens mais visitadas deste blog

Como Criar Formulários HTML5 Semânticos com Validação e Envio ao Backend

Como Criar Formulários HTML5 Semânticos com Validação e Envio ao Backend Os formulários são parte essencial de qualquer site moderno, permitindo que usuários enviem informações, realizem cadastros, façam login ou interajam com o conteúdo. No HTML5, surgiram novas tags, atributos e boas práticas que tornam os formulários mais semânticos , acessíveis e fáceis de validar. Por que usar formulários semânticos? A semântica no HTML ajuda tanto os mecanismos de busca quanto tecnologias assistivas a compreenderem o significado do conteúdo. Isso melhora a acessibilidade, a indexação e a experiência do usuário. Além disso, navegadores modernos oferecem suporte nativo para validações simples. Estrutura básica de um formulário semântico em HTML5 O HTML5 introduziu novos tipos de campos que tornam os formulários mais inteligentes, como email , url , number , date , entre outros. ...

Login com JavaScript

Procurando na web encontrei um código de login em javascript muito criativo onde o usuário inseria o nome de  usuário e a senha, então o script procurava a página usuariosenha.html , por exemplo se o usuário fosse "joc" e a senha "123" exixtiria página joc123.html. Deste modo o usuário só conseguiria acessar a página web se acertasse exatamente o nome da página, daí cada usuário teria uma página, o problema do script é que a senha ficava exposta, pois ficava salva na barra de endereço, então procurando aperfeiçoar criei um script melhorado, resolvendo a questão da segurança, desta vez a página aparesse em um iframe, assim não ficará mais salvo no histórico do navegador. abaixo segue o código: index.html: <html> <head> <title>logar</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"> function logando() { var login = document.form...