Executando verificação de segurança...
1
Kelabr
2 min de leitura ·

[INPUTS HTML] Um pouco do aprendizado de um iniciante

Boa Noite gente!!

Queria deixar aqui um pouco da minha contribuição mostrando alguns tipos de "inputs" mais usados da linguagem de marcação HTML.

`

Formulários no HTML
<h1>Inputs do HTML</h1>

<form action="" method="">

    <!--Campo de texto-->
    <label for="nome">Nome</label>
    <input type="text" id="nome" name="nome" required>
    <button type="submit">Enviar</button>
    <br><br>

    <!--Campo de email-->
    <label for="email">E-mail</label>
    <input type="email" id="email" name="email" required>
    <button type="submit">Enviar</button>
    <br><br>

    <!--Campo de senha-->
    <label for="senha">Senha</label>
    <input type="password" id="senha" name="senha">
    <button type="submit">Enviar</button>
    <br><br>

    <!--Campo de seleção radio-->
    <label>Genero</label>s
    <input type="radio" name="genero" id="masculino" value="M">
    <label for="masculino">Masculino</label>
    <input type="radio" name="genero" id="feminino" value="F">
    <label for="feminino">Feminino</label>
    <button type="submit">Enviar</button>
    <br><br>

    <!--Campo de seleção multipla-->
    <label>Interesses</label>
    <input type="checkbox" id="backend" value="backend" name="Interesses">
    <label for="backend">Backend</label>
    <input type="checkbox" id="frontend" value="frontend" name="Interesses">
    <label for="frontend">Frontend</label>
    <input type="checkbox" id="mobila" value="mobila" name="Interesses">
    <label for="mobila">Mobile</label>
    <button type="submit">Enviar</button>
    <br><br>

    <!--Campo de data-->
    <label for="dataNascimento">Data de Nascimento</label>
    <input type="date" name="nascimento" id="dataNascimento">
    <button type="submit">Enviar</button>
    <br><br>

    <!--Campo de arquivo-->
    <label for="fotoPerfil">Foto de Perfil</label>
    <input type="file" name="avatar" id="fotoPerfil">
    <button type="submit">Enviar</button>


</form>
`
Carregando publicação patrocinada...