Vamos construir um formulário de exemplo:
A imagem abaixo é o resultado de nosso exemplo:
Vamos ao código fonte desta página:
<html><head><title>Formulários </title></head>
<body>
<table width="100%" bgcolor="#000000">
<tr><td align="center"><font color="#FFFFFF">
<h1>CADASTRO DE CLIENTES</h1></font></td></tr>
</table>
<!--- inicio do formulário--->
<form name="frm_clientes">
Nome <br> <input type="text" name="cli_nome" size="50" maxlength="40"> <br>
Email<br> <input type="text" name="cli_email" size="60" maxlength="60"> <br>
Senha<br> <input type="password" name="cli_senha" size="30"> <br>
Sexo <br> M<input type="radio" name="cli_sexo" value="m">
F<input type="radio" name="cli_sexo" value="f"> <br>
Torcedor do Time
<br> <select name="cli_time" size=1>
<option> Nenhum </option>
<option> América </option>
<option> Bangu </option>
<option> Botafogo </option>
<option> Flamengo </option>
<option> Fluminense </option>
<option> Madureira </option>
<option> Olaria </option>
<option> Vasco da Gama </option>
</select>
<br> Comentários <br> <textarea rows="3" cols="50" name="cli_comentario"> Demais informações... </textarea>
<br>
Generos preferidos de filmes <br>
Romantico <input type="checkbox" name="g_romantico"> <br>
Comédia <input type="checkbox" name="g_comedia"> <br>
Aventura <input type="checkbox" name="g_aventura"> <br>
Ação <input type="checkbox" name="g_acao"> <br>
Biografia <input type="checkbox" name="g_biografia"> <br>
<br>
<input type="submit" value="Enviar">
<input type="reset" value="Limpar">
</form>
</body>
!--- Experimente mais opções para treinar e aperfeiçoar seus conhecimentos ----
Nenhum comentário:
Postar um comentário