Tutorials

https://vvcestudio.com.br/en/tutorial/html/form04
menu

HTML Form Campos 01

Segue um exemplo de um formulário simples.
Exemplos de CamposCampo texto :

Campo email :

campo password :

Campo radio:
Masculino
Feminino

Campo checkbox:
vermelho
amarelo
verde
Obs.: O atributo checked abre o item já selecionado
Campo Number :

Campo Range (slider):

campo Cor:



Segue o codigo HTML deste formulário:
HTML code:
x
<form action="cadastro.php" method="POST">
<fieldset>
 <legend>Exemplos de Campos</legend>
 Campo texto :<br/>
 <input type="text" name="nome" required maxLength="10"/><br/>
 Campo email :<br/>
 <input type="email" name="email" required /><br/>
 campo password :<br/>
 <input type="password" name="senha" autoComplete="off"/><br/>
 Campo radio:<br/>
 <input type="radio" name="sexo" value="Masculino"/> Masculino<br/>
 <input type="radio" name="sexo" value="Feminino"/> Feminino<br/>
 <br/>
 Campo checkbox:<br/>
 <input type="checkbox" name="cor" value="vermelho" checked /> vermelho<br/>
 <input type="checkbox" name="cor" value="amarelo" /> amarelo<br/>
 <input type="checkbox" name="cor" value="verde" /> verde<br/>
 Obs.: O atributo checked abre o item já selecionado<br/>
 Campo Number : <br/>
 <input type="number" name="quantidade1" min="0" max="500" step="10"/><br/>
 Campo Range (slider): <br/>
 <input type="range" name="quantidade2"/><br/>
 campo Cor: <br/>
 <input type="color" name="color"/><br/>
 <br/>
 <input type="submit" name="btn-enviar" value="Enviar" /><br />
</fieldset>
</form>