Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

class="input-padrao"

Durante a aula o instrutor acrescentou a class="input-padrao" dentro da tag input para Nome e Sobrenome, E-mail e Telefone, porém a alteração foi feita dentro dos itens que estão dentro de "Como prefere o nosso contato?", onde alterou o posicionamento de E-mail, telefone e whatsapp. Eu pensei que essa classe seria inserida nas tags que se encontram na div. Por que isso aconteceu?

<form>
            <label for="nomesobrenome">Nome e sobrenome</label>
            <input type="text" id="nomesobrenome" class="input-padrao">

            <label for="email">E-mail</label>
            <input type="email" id="email" class="input-padrao">

            <label for="telefone">Telefone</label>
            <input type="tel" id="telefone" class="input-padrao">

            <label for="mensagem">Mensagem</label>
            <textarea cols="70" rows="10" id="mensagem" class="input-padrao"></textarea>

            <div>
                <p>Como prefere o nosso contato?</p>
                <label for="radio-email"><input type="radio" name="contato" value="email" id="radio-email">E-mail</label>

                <label for="radio-telefone"><input type="radio" name="contato" value="telefone" id="radio-telefone">Telefone</label>

                <label for="radio-whatsapp"><input type="radio" name="contato" value="whatsapp" id="radio-whatsapp">Whatsapp</label>
            </div>

            <div>
                <p>Qual horário prefere ser atendido?</p>
                <select>
                    <option>Manhã</option>
                    <option>Tarde</option>
                    <option>Noite</option>
                </select>
            </div>
1 resposta

Fala ai Carlos, tudo bem? A classe foi aplicada no input pois trata-se da estilização dos campos do formulário, dessa maneira, semanticamente faz mais sentido elas serem aplicadas no input e não na div.

Espero ter ajudado.