Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Nova linha ao adicionar fieldset em

Boa tarde!

Ao adicionar um "fieldset" no assunto "Outro", ele passou a estar em uma nova linha. Sabem dizer por gentileza o que fiz de errado?

        <form>
            <fieldset>
                <legend>Dados Pessoais</legend>
                <label for="nome">Nome:</label>
                <input pattern="[A-Za-z '] {4, }" id="nome" name="nome" placeholder="Seu nome" type="text" autofocus required title="Preencha o campo com o formato requisitado: O nome precisa ter pelo menos 4 caracteres">
                <label for="email">E-mail:</label>
                <input id="email" name="e-mail" placeholder="seu@email.com" type="email" required>
            </fieldset>
            <fieldset>
                <legend>Assunto</legend>
                <label>
                    <input type="radio" name="assunto" value="blog">
                    Blog
                </label>
                <label>
                    <input type="radio" name="assunto" value="serviço">
                    Serviço
                </label>
                <fieldset>
                    <input type="radio" name="assunto" value="Outro" id="outro">
                    <label for="Outro">Outro</label>
                    <input type="text" name="outro-assunto">
                </fieldset>
            </fieldset>
                <label for="mensagem">Mensagem</label><br/>
                <textarea name="msg" id="mensagem" cols="60" rows="10" placeholder="Escreva aqui sua mensagem"></textarea>
                <button type="submit">Enviar</button>
        </form>
2 respostas

Oi André.

Acho que você não fechou o fieldset anterior. Tem um fieldset dentro do outro. Da uma olhada e veja qual você quer, mas acho que o correto seria algo assim:

<fieldset>
        <legend>Assunto</legend>
                            <label>
                    <input type="radio" name="assunto" value="blog">
                    Blog
                </label>
                <label>
                    <input type="radio" name="assunto" value="serviço">
                    Serviço
                </label>
                </fieldset>
                <fieldset>
                    <input type="radio" name="assunto" value="Outro" id="outro">
                    <label for="Outro">Outro</label>
                    <input type="text" name="outro-assunto">
                </fieldset>
solução!

Boa tarde, Lazaro!

No exercício eles informam pra fazer dessa forma. Fazendo o exercícios "estilizando o formulário" explicou para usar o atributo "inline" para que todos fiquem na mesma linha.

Mas agradeço a disposição!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software