Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <style>
- form input{
- display: block;
- }
- fieldset{
- margin: 5px;
- width: 30%;
- }
- form label{
- display: block;
- margin-top: 10px;
- }
- </style>
- </head>
- <body>
- <h1>Formulario</h1>
- <form name="formulario" method="post" action="" enctype="multpart/form-data">
- <fieldset>
- <legend>Formulario</legend>
- <label>NOME
- <input type="text" name="nome" placeholder="Nome Completo" maxlength="50" required tabindex="1">
- </label>
- <label>SENHA
- <input type="password" name="senha" tabindex="2">
- </label>
- </fieldset>
- <fieldset>
- URL
- <input type="url">
- DATA
- <input type="date" max="2020-12-31" min="1930-12-31">
- <label>Masculino
- <input type="radio" name="sexo">
- </label>
- <label>Feminino
- <input type="radio" name="sexo">
- </label>
- <label>Concordo
- <input type="checkbox" name="Concordo">
- </label>
- <label>Não concordo
- <input type="checkbox">
- </label>
- <label>selecione opção
- <select name="estado">
- <optgroup label="grupo 1">
- <option value="">Estado</option>
- <option value="SP">São Paulo</option>
- <option value="MG">Minas Gerais</option>
- <option value="RJ">Rio de Janeiro</option>
- </optgroup>
- <optgroup label="teste">
- <option value="Teste">Teste</option>
- </optgroup>
- </select>
- </label>
- <label>Mensagen
- <textarea name="" id="" cols="30" rows="10"></textarea>
- </label>
- <label>Arquivos
- <input type="file" accept="image/*">
- <input type=file multiple accept="image/*">
- </label>
- <label>numero
- <input type="number" min="0" max="10" step="1" value="0">
- </label>
- <label>Range
- <input type="range">
- </label>
- <label>color
- <input type="color">
- </label>
- <label>data local
- <input type="data-local">
- </label>
- <label>Data list
- <input type="text" name="estado" list="listaestado">
- <datalist id="listaestado">
- <option label="teste1" value="Teste"></option>
- <option label="teste2" value="Teste"></option>
- <option label="teste3" value="Teste"></option>
- </datalist>
- </label>
- <label>meter
- <meter min="0" max="100" low="15"></meter>
- </label>
- <progress ></progress>
- <input type="submit" value="enviar Formulario">
- <input type="reset" value="limpar formulario">
- </fieldset>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment