1. Universidade da Região da Campanha – Curso Técnico em Informática
Desenvolvimento para Web - Professora Denise A. de Lima / 2010
FORMULÁRIOS – PARTE 2
Relembrando...
Elemento FORM
É um elemento que marca o início e o fim de um formulário, as tags de abertura e
fechamento são obrigatórias.
ACTION METHOD
Identifica o endereço na web, onde está Este atributo destina-se a definir o
hospedada a aplicação script que irá método a ser usado no envio dos dados
processar o formulário. Esse atributo é do formulário. Pode ser GET ou POST.
obrigatório.
Exemplo
<form action=“http://maujor.com/prog/processa-form.php” method=“post”>
Campos do formulário…
</form>
ELEMENTO SELECT
Elemento seleção que se destina a criar ALGUNS ATRIBUTOS
uma lista de opções. O elemento select é ESPECÍFICOS
um controle de formulário. As tags de Name | Size
abertura e fechamento são obrigatórias.
<select name=“frutas”>
<option>morango</option>
<option>banana</option>
<option>melão</option>
<option>abacaxi</option>
<option>amora</option>
</select>
O atributo name coloca um nome no formulário.
2. ATRIBUTO SIZE
Pode especificar o número de opções que estarão visíveis para o usuário.
<select name=“dia_semana” size=“3”>
<select name=“dia_semana” size=“5”> <option>segunda</option>
<option>segunda</option> <option>terça </option>
<option>terça </option> <option>quarta </option>
<option>quarta </option> <option>quinta </option>
<option>quinta </option> <option>sexta </option>
<option>sexta </option> </select>
</select>
Neste outro possui menos opções visíveis e
Neste exemplo possui o mesmo acrescenta barra de rolagem.
número de opções.
ELEMENTO TEXTAREA
Elemento para área de texto. É um
campo que permite criar uma área Atributos
multilinhas para entrada de texto pelo Name | Rows | Cols
usuário. As tags de abertura e
fechamento são obrigatórias.
ATRIBUTO NAME <html>
Atribui um nome a área de texto. <head>
<title>Aula - Formulário</title>
</head>
ATRIBUTO ROWS <body>
Define o número de linhas da área. <form method="post"
action="mailto:denisealima@gmail.com">
<p>Comentários:
ATRIBUTO COLS <br><textarea name="obs" rows="5"
Define o número de colunas. cols="50"> </textarea></p>
</form>
</body>
</html>
3. Para deixar o formulário mais organizado:
FIELSET
Elemento conjunto de campos – destina-se a criar um container para um conjunto de
campos de um formulário. Por exemplo agrupar todos os campos que tenham por
objetivo colher dados pessoais do usuário. Tags de abertura e fechamento são
obrigatórias.
LEGEND
Se destina a criar uma legenda para o elemento Fielset de um formulário. As tags de
abertura e fechamento são obrigatórias.
LABEL
Elemento rótulo. Destina-se a criar uma etiqueta/rótulo para um campo de formulário
que não tenha um rótulo implícito. As tags de abertura e fechamento são obrigatórias.
Exemplo:
<form action=“mailto:cadastro@urcamp.tche.br” method=“post”>
<fieldset>
<legend> Dados pessoais</legend>
<label for=“nome”>Nome:</label><br>
<input type= "text" name="nome" size=”80” value="nome completo"><br>
<br>
<label for=“end”>Endereço:</label><br>
<input type="text" name="ender" size="50" >
<br>
<br>
<label for=“cep”>Cep:</label><br>
<input type="text" name="cep"><br>
<br>
</fielset>
</form>