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
13 votos
Aceito

Qual a segurança em usar input "password" ou "text"?

Zero! É só o que está na pergunta mesmo, ele oculta a senha quando está digitando e mais nada. Se o computador estiver infectado com algo, vai ler a senha normalmente. E não tem o que fazer quanto a ...
Maniero's user avatar
  • 484mil
13 votos
Aceito

Focus, ao iniciar a página

Você pode usar um recurso do html chamado autofocus <input autofocus type="text" name="Com Foco" placeholder="Com foco"> <input type="text" name"Sem foco" placeholder="Sem foco">
Felipe Paetzold's user avatar
10 votos

Como estilizar um input do tipo "file"?

$('.btn').on('click', function() { $('.arquivo').trigger('click'); }); $('.arquivo').on('change', function() { var fileName = $(this)[0].files[0].name; $('#file').val(fileName); }); ....
Diego Souza's user avatar
  • 16,7mil
10 votos

No HTML o que é um Checkbox Indeterminado e como usar esse status junto com o CSS?

De fato, não existe a propriedade indeterminate que faz o checkbox entrar no estado indeterminado, isso porque não é um estado. O indeterminate é meramente visual. Os estados possíveis de um checkbox ...
Woss's user avatar
  • 77,2mil
9 votos

input somente numeros com jquery

Veja se isso te ajuda: $('#numeric').keyup(function() { $(this).val(this.value.replace(/\D/g, '')); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">&...
JuniorNunes's user avatar
  • 4.954
9 votos

Validar input sem colocar em variável

if int(input("Digite um numero: ")) <= 10: print("Ok, numero registrado") else: print("Numero invalido, digite outro numero menor que 10") Variáveis são locais ...
Maniero's user avatar
  • 484mil
9 votos
Aceito

Estilizar um input type='number' para trocar as setas

Os botões padrões de incremento e decremento foram desativados, e em vez disso foram colocados os personalizados: function mais(){ var atual = document.getElementById("total").value; var ...
Renato Junior's user avatar
9 votos
Aceito

Função - mostrar senha!

Pode fazer apenas com CSS: .show_key{display:none;} [name=senha]:focus + .show_key{ display: block; } <input class="input" name="senha" type="password" placeholder="Digite a senha" ...
Sam's user avatar
  • 80,7mil
8 votos

É correto usar a tag Input dentro de uma tag Label?

Adicionar um label a um controle (text, checkbox, radio, select) é um forma de permitir acessibilidade da sua página, lembre que algumas pessoas tem problemas com coordenação motora, logo não é nada ...
rray's user avatar
  • 67,6mil
8 votos
Aceito

Subtrair dias de um input date com javascript

var data = new Date(); document.write('Hoje é: ' + data.toLocaleString()); data.setDate(data.getDate() - 14); document.write('<br>14 dias atrás: ' + data.toLocaleString()); No seu ...
BrTkCa's user avatar
  • 11,3mil
8 votos
Aceito

Qual é a finalidade do input do tipo "Image"?

Estilização O motivo mais óbvio é pra fazer um botão de submissão mais "bonitinho" usando uma imagem no lugar do botão padrão. Se tornou desnecessário desde o HTML5 já que todos objetos do ...
Maniero's user avatar
  • 484mil
8 votos
Aceito

No HTML o que é um Checkbox Indeterminado e como usar esse status junto com o CSS?

como é possível setar um checkbox como indeterminado? Esse estado é definido por uma propriedade do checkbox, que é indeterminate, que só pode ser acessada usando javascript: há um terceiro estado ...
Ricardo Pontual's user avatar
  • 22,9mil
8 votos
Aceito

Como fazer para após o usuário usar o input não quebrar linha

Isso não funciona assim no terminal. Segue História Resumida da Entrada e Saída em Programação A ideia de aprender "print" e "input" primeiro quando estamos aprendendo a programar, ou uma nova ...
jsbueno's user avatar
  • 31,5mil
8 votos
Aceito

Mudar Placeholder no Focus com CSS é possível?

Primeiro método Você pode usar javascript, peguei o evento focus e seto o valor no placeholder e o onblur para retornar ao valor anterior, e você escolhe qual o elemento você quer fazer este efeito ...
Wictor Chaves's user avatar
8 votos

Executar função ao perder foco de um input

O próprio Javascript tem a função onblur que executa determinada ação ou função quando o input perder o foco (ser clicado fora): function teste(){ console.log('teste') } <input onblur="...
OtavioCapel's user avatar
  • 1.549
8 votos
Aceito

Input tipo Date com ano contendo 6 dígitos

Pra mim é só um padrão um ruim. Claro que um ano pode ter valores de 5 ou 6 dígitos para alguns cenários (não exatamente dentro do padrão (standard) universal), mas ninguém trabalha com isso, o padrão ...
Maniero's user avatar
  • 484mil
8 votos

Leitura de caracteres indesejáveis - Python

Tem uma maneira bem simples utilizando Regex: import re input = "João:saiu!! de%$ˆcasa" pattern = "[,&ˆ*!!:%\$\s]+" repl = " " output = re.sub(pattern, repl, input) ...
Jobert's user avatar
  • 445
7 votos
Aceito

É correto usar a tag Input dentro de uma tag Label?

Sim, é correto se for o que deseja. Está na especificação do HTML 4 e na especificação do HTML 5 que pode colocar <input> antes, depois ou dentro da tag/controle <label>. Usando desta ...
Maniero's user avatar
  • 484mil
7 votos
Aceito

duas patterns diferentes no mesmo input HTML

Não é possível adicionar mais de um regex no atributo pattern, o que pode ser feito é adicionar um grupo contendo o que você quer. <input type='text' pattern='[A-Za-z0-9._%+-]+@(gmail|hotmail).com'...
Laerte's user avatar
  • 22,8mil
7 votos
Aceito

Como transformar texto em input text ao clicar?

Que tal usar uma div (ou p, span, você que sabe) de conteúdo editável? Existe um atributo só para isso. Veja <p contenteditable="true">Este texto é editável. Clique aqui e veja funcionando.&...
Caio Felipe Pereira's user avatar
7 votos
Aceito

Max length em input type number html

o maxlength funciona por caracteres digitados (inputados), e não para o formato numerico especifico, o que você pode usar é o atributo max="" e vai ter que usar o step para adicionar de 0.01 ...
Syzoth's user avatar
  • 100mil
6 votos

Como remover auto complete de input do google Chrome?

Uma outra solução que encontrei foi desabilitar o campo, o que faz com que o autocomplete não funcione em nenhum navegador (testei no Chrome, no FF e no IE). Depois basta habilitar o campo quando o ...
Ricardo Pontual's user avatar
  • 22,9mil
6 votos
Aceito

Como adicionar e remover required de input com jQuery?

Podes usar o .attr() para mudar esse atributo, assim: $('select').on('change', function() { $('input').attr('required', this.value == 'req'); }); O .attr() tem a seguinte API: .attr(...
Sergio's user avatar
  • 135mil
6 votos
Aceito

Como colocar o valor de uma variável PHP dentro de um input?

Use o "value=valor" Ex.: <input type="text" placeholder="R$ 0,00" id="cr33" name="ncr33" value=<?php echo $variavel ?>/> Faça assim: <?php $crTot = ""; if(isset($_POST)){ $cr1 = ...
rbz's user avatar
  • 10,2mil
6 votos

Estilizar um input type='number' para trocar as setas

Vou dar uma resposta apenas com CSS já que tem a tag CSS na pergunta... Mas já adianto que ela só vai funcionar em browsers -webkit- ou seja só vai funcionar no Chrome, Safari e em breve no Edge, sim ...
hugocsl's user avatar
  • 66,9mil
6 votos

Mudar Placeholder no Focus com CSS é possível?

Não conheço uma forma decente elegante de fazer isto sem usar js, mas se estiver com muita vontade de utilizar apenas css, a gambetosa alternativa abaixo deve quebrar o galho: .input-holder{ ...
edson alves's user avatar
  • 2.171
6 votos

Função - mostrar senha!

Tem uma opção para fazer essa "verificação" apenas com CSS usado a pseudo-classe :placeholder-shown. Assim vc nem vai precisar de inserir uma classe .active no label, pois a verificação é no input + ...
hugocsl's user avatar
  • 66,9mil

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