Aula3 xhtml

11
XHTML - Formulários 3 AULA

Transcript of Aula3 xhtml

Page 1: Aula3 xhtml

XHTML - Formulários3 AULA

Page 2: Aula3 xhtml

FormuláriosOs Formulários em HTML são usados para selecionar diferentes tipos de entradas do utilizador.

O elemento <form> define um formulário HTML: <form>.form elements .</form>

Page 3: Aula3 xhtml

FormuláriosFormulários HTML contêm elementos de formulário.

Elementos de formulário são diferentes tipos de elementos de entrada, caixas de seleção, botões de rádio, botões de envio, e muito mais.

O elemento <input> é o elemento mais importante forma. O elemento <input> tem muitas variações, dependendo do tipo de atributo.

Aqui estão os tipos mais usados :

texto Define a entrada de texto normalrádio Define a entrada botão de rádio (para a seleção de uma das muitas opções)enviar Define um botão de envio (para submeter o formulário)

Page 4: Aula3 xhtml

FormuláriosEntrada de texto

<Input type = "text"> define um campo de entrada de uma linha para a entrada de texto:

Exemplo Nome: <input type="text"/>Apelido: <input type="text"/>

Page 5: Aula3 xhtml

FormuláriosHTML <textarea> Tag

Exemplo Uma área de texto HTML:

<textarea rows="10" cols="40">Escreva aqui a sua mensagem...</textarea>

Page 6: Aula3 xhtml

FormuláriosHTML <option> Tag

Exemplo

A lista drop-down com quatro opções:

<select> <option value="0">Escolha a cidade...</option> <option value="Loc_Lisboa">Lisboa</option> <option value="Loc_Porto">Porto</option> <option value="Loc_Faro">Faro</option> </select>

Page 7: Aula3 xhtml

FormuláriosBotão Radio Input

<Input type = "radio"> define um botão de rádio. Os botões de rádio permitem que o usuário selecione um de um número limitado de opções: Exemplo manhã:<input type="radio" name="curso" checked="checked"/>tarde:<input type="radio" name="curso"/>noite:<input type="radio" name="curso"/>

Page 8: Aula3 xhtml

FormuláriosBotão checkbox Input

<Input type = " checkbox "> define um botão de checkbox . Os botões de checkbox permitem que o utilizador selecione várias opções de uma lista : Exemplo html:<input type="checkbox"/>css:<input type="checkbox" checked="checked"/>

Page 9: Aula3 xhtml

FormuláriosO botão Enviar

<Input type = "submit"> define um botão para enviar um formulário a um formulário-manipulador. A forma de manipulador é tipicamente uma página do servidor com um script para o processamento de dados de entrada. A forma de manipulador é especificado no atributo action do formulário:

Exemplo <form><form action="action_page.php">Email<input type="text"/><input type="submit" value="Enviar"/></form>

Page 10: Aula3 xhtml

FormuláriosExemplo:

Page 11: Aula3 xhtml

Luis Fernandes

[email protected]