Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Só com css é possivel dar foco a um input?

Referente ao curso HTML5 e CSS3 II: Turbinando as suas páginas, no capítulo Formulários e atividade Melhorando a usabilidade com truques CSS

por Daniel Junior
| 247.2k xp | 9 posts

Este código esconde um input texto, e o mostra caso um radio é "checked":

input[value="Outro"] ~ input {
    display:none;
}

input[value="Outro"]:checked  ~ input {
    display: inline;
}

Mas eu quero que campo aparecesse pronto pra receber uma entrada, ou seja, como se recebe-se o atributo "autofocus". É possível colocar algum comando CSS, no bloco do display: inline? OBS: Se for possível somente com JS, não precisa explicar como, irei aprender JS ainda, gostaria de saber se no CSS é possível.

4 respostas
solução!
por Nikolai Cinotti
| 433.6k xp | 424 posts
Alura Scuba Team

Olá Daniel,

Toda ação dinâmica é feita via JS, o css serve apenas para embelezar uma página.

por Darlan Caruso
| 158.9k xp | 13 posts
Desenvolvedor Front-end

Olá Daniel,

Você pode usar o attr() mas precisa ter o atributo no seu elemento

Documentação: https://www.w3schools.com/cssref/func_attr.asp

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Daniel, toda manipulação dinâmica em uma página, deve ser feita via JS, apenas com CSS você não irá conseguir realizar tal recurso.

Seria algo parecido com:

function realizarFocus() {
    let input = document.querySelector("input");
    input.focus();
}
por Anderson Luis Vicente
| 124.9k xp | 5 posts

input.focus();