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 é ...
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 ...
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 ...
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 ="...
4
votos
Aceito
Como inserir aspas simples dentro de aspas simples html
Use o caractere de escape ' que refere-se à aspas simples ':
<input type='text' class='form-control' name='patientsName' id='patientsName' placeholder='Patient's Name'>
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 ...
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 ...
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.
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á ...
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-...
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 ...
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&...
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.
...
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() {
$('....
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.
...
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,...
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% ...
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 .*? ...
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 [[...
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 ...
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 ...
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 ...
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;
}
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
placeholder × 28html × 9
css × 6
input × 5
php × 4
html5 × 4
javascript × 2
jquery × 2
css3 × 2
string × 2
firefox × 2
ux × 2
c# × 1
mysql × 1
sql × 1
ajax × 1
jsf × 1
select × 1
formulário × 1
react-native × 1
flutter × 1
dart × 1
sql-update × 1
selenium-webdriver × 1
html-select × 1