ph4x35ccb

formulario

May 28th, 2019
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.68 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5.     <style>
  6.         form input{
  7.             display: block;
  8.         }
  9.         fieldset{
  10.             margin: 5px;
  11.             width: 30%;
  12.         }
  13.         form label{
  14.             display: block;
  15.             margin-top: 10px;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20.     <h1>Formulario</h1>
  21.     <form name="formulario" method="post" action="" enctype="multpart/form-data">
  22.         <fieldset>
  23.         <legend>Formulario</legend>
  24.         <label>NOME
  25.         <input type="text" name="nome" placeholder="Nome Completo" maxlength="50" required tabindex="1">
  26.         </label>
  27.         <label>SENHA
  28.         <input type="password" name="senha"  tabindex="2">
  29.         </label>
  30.         </fieldset>
  31.         <fieldset>
  32.        
  33.         URL
  34.         <input type="url">
  35.         DATA
  36.         <input type="date" max="2020-12-31" min="1930-12-31">
  37.         <label>Masculino
  38.             <input type="radio" name="sexo">
  39.         </label>
  40.         <label>Feminino
  41.             <input type="radio" name="sexo">
  42.         </label>
  43.         <label>Concordo
  44.         <input type="checkbox" name="Concordo">
  45.         </label>
  46.         <label>Não concordo
  47.         <input type="checkbox">
  48.         </label>
  49.         <label>selecione opção
  50.         <select name="estado">
  51.             <optgroup label="grupo 1">
  52.             <option value="">Estado</option>
  53.             <option value="SP">São Paulo</option>
  54.             <option value="MG">Minas Gerais</option>
  55.             <option value="RJ">Rio de Janeiro</option>
  56.             </optgroup>
  57.             <optgroup label="teste">
  58.             <option value="Teste">Teste</option>
  59.             </optgroup>
  60.         </select>
  61.         </label>
  62.         <label>Mensagen
  63.             <textarea name="" id="" cols="30" rows="10"></textarea>
  64.         </label>
  65.         <label>Arquivos
  66.         <input type="file" accept="image/*">
  67.         <input type=file multiple accept="image/*">
  68.         </label>
  69.         <label>numero
  70.             <input type="number" min="0" max="10" step="1" value="0">
  71.         </label>
  72.         <label>Range
  73.             <input type="range">
  74.         </label>
  75.         <label>color
  76.           <input type="color">
  77.         </label>
  78.         <label>data local
  79.            <input type="data-local">
  80.         </label>
  81.         <label>Data list
  82.         <input type="text" name="estado" list="listaestado">
  83.         <datalist id="listaestado">
  84.             <option  label="teste1" value="Teste"></option>
  85.             <option  label="teste2" value="Teste"></option>
  86.             <option  label="teste3" value="Teste"></option>
  87.         </datalist>
  88.         </label>
  89.         <label>meter
  90.          <meter min="0" max="100" low="15"></meter>
  91.         </label>
  92.         <progress ></progress>
  93.         <input type="submit" value="enviar Formulario">
  94.         <input type="reset" value="limpar formulario">
  95.         </fieldset>
  96.     </form>
  97.  
  98. </body>
  99. </html>
Advertisement
Add Comment
Please, Sign In to add comment