Aula3 xhtml
-
Upload
luis-fernandes -
Category
Technology
-
view
52 -
download
0
Transcript of Aula3 xhtml
![Page 1: Aula3 xhtml](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/1.jpg)
XHTML - Formulários3 AULA
![Page 2: Aula3 xhtml](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/2.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/3.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/4.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/5.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/6.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/7.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/8.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/9.jpg)
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](https://reader035.fdocumentos.com/reader035/viewer/2022071905/55c743c9bb61eb7d578b466e/html5/thumbnails/10.jpg)
FormuláriosExemplo: