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>