Saudações, hoje irei ensinar sobre formulários, eles são ótima opção para
páginas de registro e páginas de cadastramento de usuário, vou ensinar
um formulário básico.
vamos lá, abra o bloco de notas e digite:
<html>
<head> </head>
<body>
</body>
</html>
Explicação:
<html> = abre indica que a linguagem é em html
<head> = cabeça ou seja, cabeçalho.
</head> = fechamento da tag head(cabeçalho)
<body> = corpo, tudo que está dentro desta tag, aparecerá na página.
</body> = fechamento da tag body(corpo)
</html> = fim do código em html.
Vamos introduzir o formulário abaixo, dentro da tag <body>:
<form action='#' method='POST'>
Nome: <input type='text' name='nome'>
<input type='submit' value='Enviar'>
<input type='reset' value='Limpar'>
</form>
Salve o código acima na extenção .html,
Entendendo:
<form action='#' method='POST'>
Esta linha do código, serve para começar um formulário (form),
já definindo alguns parâmetros, como action(açã), a página que irá corresponder a este formulário,
e method(método), é o método utilizado, em todos os formulários, só existem dois tipos de métodos
os métodos POST e o GET. o Método POST manda os dados para a página configurada no action
com a maior segurança. agora o método GET, faz a mesma coisa que o POST, só que mostra os
dados na URL.
Nome: <input type='text' name='nome'>
Criamos uma área só para textos indicando o name(nome) que será enviado há
página do action(ação).
<input type='submit' value='Enviar'>
Cria um botão que envia o formulário
<input type='reset' value='Limpar'>
Cria um botão que limpa o formulário, deixando todos os espaços
em branco.
</form>
Indica o final do formulário.
No tutorial de hoje, eu ensinei como criar um simples formulário,
para vocês entenderem o básico, na próxima, ensinarei como validálos.
Caso vocês quiserem ver um preview do nosso tutorial, clique aqui.
Abraços,
Postar um comentário
0 comentários
Obrigado pelo seu comentário. Não publicamos neste blog comentários com palavras de baixo calão, denúncias levianas e troca de ofensas entre leitores.