HTML_forms

( Voltar ao Índice )

=Formulários =

São ecrãs pré-formatados que servem para a interatividade com o utilizador, com o fim de recolher dados. Para iniciar qualquer formulário a **//tag//** //html// é  … .

Elementos de um formulário
 * Campo de Texto – **Text Area** - onde o utilizador pode colocar múltiplas linhas de texto.
 * Caixa de Selecção – **Select** - onde o utilizador pode selecionar um conjunto de escolhas constituintes de uma lista.
 * Entrada de Dados – **Input** - onde o utilizador pode introduzir dados.

Esta é uma área de texto com um tamanho correspondente a 5 linhas e 40 colunas…. //** **// || || Sexo <span style="font-family: 'Courier New',Courier,monospace;"> Masculino <span style="font-family: 'Courier New',Courier,monospace;"> Feminino //**<span style="font-family: 'Courier New',Courier,monospace;"> **// || ||
 * = ====**<span style="font-family: Verdana,Geneva,sans-serif;">Elemento **==== ||= ====**<span style="font-family: Verdana,Geneva,sans-serif;">Tag **==== ||= ====**<span style="font-family: Verdana,Geneva,sans-serif;">Exemplo **==== ||= ====**<span style="font-family: Verdana,Geneva,sans-serif;">Imagem **==== ||
 * **<span style="font-family: Verdana,Geneva,sans-serif;">Text Area ** || <span style="font-family: 'Courier New',Courier,monospace;"> ... || <span style="font-family: 'Courier New',Courier,monospace;">//**<textarea**// name="txta1" rows="5" cols="40">
 * **<span style="font-family: Verdana,Geneva,sans-serif;">Select ** || <span style="font-family: 'Courier New',Courier,monospace;"> ... || <span style="font-family: 'Courier New',Courier,monospace;">//**<select**// name="sel_1">
 * **<span style="font-family: Verdana,Geneva,sans-serif;">Input ** || <span style="font-family: 'Courier New',Courier,monospace;"> ... || <span style="font-family: 'Courier New',Courier,monospace;">Email //**<input**// type="text" name="cp1" size="20" maxlength="30"//**/>**// || [[image:input_text.jpg width="200" height="20"]] ||

<span style="font-family: Verdana,Geneva,sans-serif;">No caso de uma entrada de dados do tipo **Input**, o atributo type define o tipo de elemento de **Input**. <span style="font-family: Verdana,Geneva,sans-serif;">O **//type//** pode assumir os valores:
 * <span style="font-family: Verdana,Geneva,sans-serif;">//text//;
 * <span style="font-family: Verdana,Geneva,sans-serif;">//password// (É uma variante do caso anterior. A única diferença é que as letras aparecem no campo de texto como asteriscos (*);
 * <span style="font-family: Verdana,Geneva,sans-serif;">//checkbox//;
 * <span style="font-family: Verdana,Geneva,sans-serif;">radio;
 * <span style="font-family: Verdana,Geneva,sans-serif;">//reset//;
 * <span style="font-family: Verdana,Geneva,sans-serif;">//submit//.

**<span style="font-family: Verdana,Geneva,sans-serif;">Exemplo de um formulário: ** <span style="font-family: Verdana,Geneva,sans-serif;">