Skip to main content

Respostas interessantes marcadas com a tag

18 votos
Aceito

Placeholders deveriam conter exemplos ou descrições?

Placeholders devem conter exemplos ou descrições? Sempre que possível devem conter instruções, amigáveis e que educadamente, ajudem o usuário a entender como preencher os campos. Usabilidade, essa é ...
UzumakiArtanis's user avatar
6 votos
Aceito

O que escrever em placeholders para que sejam objetivos e intuitivos?

Heurísticas da usabilidade Na área de UX, um dos nomes mais respeitados é do Jakob Nielsen, que escreveu as 10 heurísticas da experiência do usuário. Essas premissas são: Visibilidade do status do ...
vinibrsl's user avatar
  • 21,7mil
5 votos

O que escrever em placeholders para que sejam objetivos e intuitivos?

Basicamente vc tem que se focar no contexto de uso e na sua persona. Vc está fazendo algo super inclusivo e acessível para um site do Governo por exemplo, ou é apenas um "sisteminha" interno ...
hugocsl's user avatar
  • 66,9mil
4 votos

placeholder com mesmo nome da Label

É possível fazer isso via JQuery, ficaria mais ou menos assim. Exemplo funcional: https://jsfiddle.net/fj3x7sgq/1/ <label for="sing_pass" class="label_pass"> <span class="lang" key ="...
Jerfeson Guerreiro's user avatar
4 votos
Aceito

Como inserir aspas simples dentro de aspas simples html

Use o caractere de escape &#39; que refere-se à aspas simples ': <input type='text' class='form-control' name='patientsName' id='patientsName' placeholder='Patient&#39;s Name'>
Sam's user avatar
  • 80,7mil
3 votos

Placeholder animado

Eu acredito que utilizando o placeholder não há como fazer devido ao seu funcionamento padrão, que é sumir quando o comprimento do valor do input é maior que zero. Uma maneira não tão simples, mas ...
Woss's user avatar
  • 77,2mil
3 votos
Aceito

C# - Mascara de CPF

O método contrário do Enter é o Leave. O Leave é atirado quando o controle perde o foco, já o Enter, é atirado quando um controle ganha foco. Você pode associar isso com este evento, sem precisar ...
CypherPotato's user avatar
  • 11,8mil
3 votos

Quebra de linha no placeholder no textinput do react-native

Sim, existe uma propriedade chamada multiline que permite a quebra de linha no input e o default é false, conforme podemos ver na documentação.
Murillo de Morais's user avatar
2 votos

Cor do placeholder não altera quando o mouse está sobre ele em outro tema

Complementando a resposta do @hugocsl, o motor CSS do navegador só conseguirá aplicar um seletor agrupado (separados por vírgula) quando ele consegue interpretar a regra toda. No caso, você está ...
Sam's user avatar
  • 80,7mil
2 votos
Aceito

Cor do placeholder não altera quando o mouse está sobre ele em outro tema

Vítor eu não sei explicar exatamente o que aconteceu, mas o seu problema é nessa "concatenação" de classes: .escuro #myInput:hover:-ms-input-placeholder, .escuro #myInput:hover::-ms-input-...
hugocsl's user avatar
  • 66,9mil
2 votos
Aceito

Adicionar um título a tag SELECT (sem a opção "selected disabled") sem que ele apareça nas opções?

Vc também consegue ocultar essa opção com algumas regras em CSS se preferir. Pensando na experiencia do usuário (UX) e se o campo não for obrigatório no caso do usuário mudar de ideia ele ainda deve ...
hugocsl's user avatar
  • 66,9mil
2 votos

Adicionar um título a tag SELECT (sem a opção "selected disabled") sem que ele apareça nas opções?

Penso que o que você quer seja isso: <select> <option selected hidden >- Selecione -</option> <option>Volvo</option> <option>Mercedes Bens</option&...
IdkWhy's user avatar
  • 570
2 votos

Dúvida em CSS, placeholder

Vc pode resolver isso colocando required no input e depois fazendo um estilo pro input:valid Não sei se vai resolver pro seu caso, mas da uma olhada no exemplo abaixo que está funcionando certinho. ...
hugocsl's user avatar
  • 66,9mil
2 votos
Aceito

Alterar placeholder ao clicar no radio

Você pode inserir um <label> dentro <p class="p_pagamento" id="InputPagamento1"> e alterar o texto desse label. Segue o html e o js: $(document).ready(function() { $('....
Guto Xavier's user avatar
2 votos
Aceito

placeholder com mesmo nome da Label

É preciso usar JavaScript para isso. Como o atributo for aponta para a id do input, você pode alterar o placeholder do campo pegando o texto da label onde o for do primeiro é igual ao id do segundo. ...
Sam's user avatar
  • 80,7mil
1 voto

Flutter AutocompleteTextField com hintText dinâmico

Cara não faz muito sentido você armazenar o widget numa variável só pra pegar o texto dele se você pode criar um TextEditingController que serve para esta finalidade. Como você disse no teu comentário,...
Matheus Ribeiro's user avatar
1 voto

Como posicionar o placeholder

Um ìnput do tipo texto não tem espaço nas laterais entre o seu conteúdo e a borda. Esse comportamento é resultado de padding: 3% 20%, que está "estufando" o seu elemento em 3% para top e bottom e 20% ...
DaviAragao's user avatar
  • 2.984
1 voto
Aceito

Como recuperar todas as ocorrências [[xxx]] de uma string em PHP?

Na sua resposta (que não está errada), você usa a flag U, que faz com que o quantificador * não seja greedy (ganancioso), tornando-o lazy (preguiçoso). É o mesmo que usar /\[\[(.*?)\]\]/ - usar .*? ...
hkotsubo's user avatar
  • 66,8mil
1 voto

Como recuperar todas as ocorrências [[xxx]] de uma string em PHP?

Achei a resposta: $str = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet imperdiet sapien, [[xx]] vitae luctus augue convallis quis. Pellentesque felis eros, dignissim vitae [[...
IgorAlves's user avatar
  • 2.966
1 voto

Placeholders deveriam conter exemplos ou descrições?

Fornecer um exemplo da entrada necessária ajuda um usuário a entender o campo. No entanto, incorporar o exemplo como texto de espaço reservado causa problemas, incluindo: perca do foco, confusão ...
Renato Junior's user avatar
1 voto
Aceito

Selenium IDE - Placeholder

Placeholder não tem nada a ver com o tipo do campo, o que você precisa trabalhar é com o input, placeholder é apenas uma propriedade de um input, sugiro que leia mais sobre isto no seguinte link A ...
Roberto Pegoraro's user avatar
1 voto

Selenium IDE - Placeholder

Você pode estar pegando o campo errado para facilitar , você pode pegar este campo da forma a baixo: driver.findElement(By.id("nomeCliente")).sendKeys("Nome Cliente"); desta forma você vai encontrar ...
Daniel Brito's user avatar
1 voto
Aceito

Ajuda com placeholder que não muda de cor

é preciso mudar o opacity. E falta também o caso geral sem prefixos. #menu li.search::input-placeholder { color: #fff; } #menu li.search input::-moz-placeholder { color: #fff; opacity: 1; }
tomasantunes's user avatar
  • 1.774

Only top scored, non community-wiki answers of a minimum length are eligible