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

Input não funciona

Conforme o exercício 10 da aula 10, preciso fazer com que o textarea name="Outro" rows="2" cols="10" wrap="virtual"></textarea apareça somente quando selecionado o radio Outro, caso contrário, não deve aparecer. Porém ele continua aparecendo.

    <form>
        <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>

            <label>
                <input type="radio" name="assunto" value="Outro">
                Outro
                <textarea name="Outro" rows="2" cols="10" wrap="virtual"></textarea></p><br>
            </label>
        </fieldset>
    </form>
input[value="Outro"] ~ input {
    display: none;
}

input[value="Outro"]:checked ~ input {
    display: inline;
}
2 respostas
solução!

Olá Graziela!

Temos alguns tópicos que foram abertos com o mesmo problema!

Veja se um deles te atende:

https://cursos.alura.com.br/forum/curso-avancando-html-css/exercicio-melhorando-a-usabilidade-com-truques-css/18744/novo

Aguardo seu retorno! ^^

Oi Guilherme.

Realmente, dei uma olhada em outro tópico e minha resposta estava escondidinha lá...

Obrigada!