Material 4 Tecnologias WEB
HTML ‐ FORMULÁRIO
● Para permitir uma maior interação entre “sistemas computacionais” e os seus usuários, é necessário a existência de mecanismos de entrada que permita o computador identificar o que seus usuários querem, quais ações a serem executadas, etc...
● O formulário em HTML é um meio do usuário entrar com informações para um sistema.
Tag FORM
Os formulários são delimitados pela Tag<FORM>… </FORM>.
● Esta tag permite agrupar vários elementos de formulário (botões, campos de texto, campos de seleção,…) e possui os atributos obrigatórios: NAME
● Indica o nome que identifica o elemento formulário na página.
● Um id pode ser especificado, ou não. (como se fosse um apelido)
METHOD
Indica sob qual método de envio dos dados (digitados no formulário) será utilizado:
● “POST” os dados são enviados em pacotes.
● “GET” os dados são enviados e codificados na URL.
Tag FORM
ACTION
Indica o endereço para onde os dados serão enviados. mailto:someone@somewhere.com ● Permite abrir o programa de e‐mail correspondente.
Tag FORM
É possível inserir qualquer elemento HTML básico numa tag FORM (textos, botões, quadros, relações,…) mas, sobretudo, é interessante inserir elementos interativos. Estes elementos interativos são:
● INPUT
● TEXTAREA
● SELECT
Tag FORM: Campo INPUT
A tag INPUT é a tag essencial dos formulários, pois permite criar um bom número de elementos “interativos”.
A sintaxe desta tag é a seguinte:
<input type="tipo" value= "valor padrão" name= "nome do elemento" >
● O atributo type permite definir o tipo de elemento que será exibido no form.
● Atributo value permite definir um valor padrão para o campo.
● Atributo name é essencial pois ele permite a manipulação do campo nos javascript ou servlets (linguagem script).
Form: input type=“tipos”
Campos de Texto: Os campos de texto são usados quando você quer que o usuário digite letras, números, etc. em um formulário.
<!DOCTYPE html>
<html lang= "pt‐br" >
<head>
<meta http‐equiv=