XHTML - Formulários
3 AULA
Formulários
Os 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>
Formulários
Formulá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 normal
rá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)
Formulários
Entrada 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"/>
Formulários
HTML <textarea> Tag
Exemplo
Uma área de texto HTML:
<textarea rows="10" cols="40">Escreva aqui a sua mensagem...</textarea>
Formulários
HTML <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>
Formulários
Botã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"/>
Formulários
Botã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"/>
Formulários
O 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>
Formulários
Exemplo:
Luis Fernandes
luishmafernandes@gmail.com

Aula3 xhtml

  • 1.
  • 2.
    Formulários Os Formulários emHTML são usados para selecionar diferentes tipos de entradas do utilizador. O elemento <form> define um formulário HTML: <form> . form elements . </form>
  • 3.
    Formulários Formulários HTML contêmelementos 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 normal rá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)
  • 4.
    Formulários Entrada de texto <Inputtype = "text"> define um campo de entrada de uma linha para a entrada de texto: Exemplo Nome: <input type="text"/> Apelido: <input type="text"/>
  • 5.
    Formulários HTML <textarea> Tag Exemplo Umaárea de texto HTML: <textarea rows="10" cols="40">Escreva aqui a sua mensagem...</textarea>
  • 6.
    Formulários HTML <option> Tag Exemplo Alista 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>
  • 7.
    Formulários Botão Radio Input <Inputtype = "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"/>
  • 8.
    Formulários Botão checkbox Input <Inputtype = " 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"/>
  • 9.
    Formulários O botão Enviar <Inputtype = "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>
  • 10.
  • 11.