Curta nos no facebook

quarta-feira, 10 de junho de 2015

HTML - Código para criação de Formulário

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