Olá, bom dia!
Quando não existir informação no campo (nulo ou branco) trazer a mensagem "Não informado", como faço em CSS ??
Obrigada
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá, bom dia!
Quando não existir informação no campo (nulo ou branco) trazer a mensagem "Não informado", como faço em CSS ??
Obrigada
Olá Maria, tudo bem ?
Imagino que não seja possível utilizando apenas CSS. Na maioria das aplicações esse tipo de lógica de visualização é tratada no backend, que já faz as verificações e provê uma resposta adequada quando algum dado esperado no front não existe. Acredito que seja esse o modelo ideal.
Caso o tratamento não tenha sido feito no backend, e você ainda precise fazer esse ajuste (não é o ideal, mas como contorno do problema), imagino que seja necessário manipular o DOM usando JavaScript.
Algo como, capturar os campos ou tds de tabela, verificar se não há valor, e nesse caso adicionar alguma outra informação.
exemplo
<input type="text" name="nome" id="nome"/>
<script>
const campo = document.querySelector('#nome') // <- seu seletor css
if(!campo.value) {
campo.value = 'Não informado';
}
</script>
Se fosse uma td, poderíamos usar a propriedade textContent do elemento. Esse é um possível contorno para o problema, mas está longe do código que o programador frontend deveria escrever. Imagine ter que fazer isso para todos os elementos (onde pode ocorrer esse problema) de uma página densa... =\
Espero ter ajudado. Abraço!
Olá, boa noite Rafael!
Tudo ótimo e você?
Muito obrigada pela ajudar, deu certo aqui!
Agradeço imensamente,
Abraços.