<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemplo de Campos de Formulário com Tipos Corretos</title>
</head>
<body>
<form>
<!-- Campo de Nome (Texto) -->
<label for="nome">Nome completo:</label>
<input type="text" id="nome" name="nome" placeholder="Digite seu nome completo" required>
<!-- Campo de E-mail (Email) -->
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" placeholder="Digite seu e-mail" required>
<!-- Campo de Senha (Password) -->
<label for="senha">Senha:</label>
<input type="password" id="senha" name="senha" placeholder="Digite sua senha" required>
<!-- Campo de Número (Number) -->
<label for="idade">Idade:</label>
<input type="number" id="idade" name="idade" placeholder="Digite sua idade" min="0" max="120" required>
<!-- Campo de Data (Date) -->
<label for="data_nascimento">Data de Nascimento:</label>
<input type="date" id="data_nascimento" name="data_nascimento" required>
<!-- Campo de Checkbox (Checkbox) -->
<label for="termos">Aceito os termos e condições:</label>
<input type="checkbox" id="termos" name="termos" required>
<!-- Botão de Envio -->
<button type="submit">Enviar</button>
</form>
</body>
</html>POR VOCÊ TER ACESSADO ESTE REQUISTO
Requisitos para Campo de Formulário
Ver todos os 17 Requisitos sobre componentes com Campo de Formulário
Acessibilidade para todos a partir da tecnologia
© 2024 Erik Henrique da Costa Nunes.
Este site é produto da dissertação para Mestrado produzida por Erik Henrique da Costa Nunes, com Orientação da Dra. Ingrid Teixeira Monteiro e Co-orientação do Dr. David Campelo.
Foi construído no Mestrado em Computação da UFC em Quixadá.