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á, 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.