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 é ...
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 ...
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">
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);
});
....
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 ...
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">&...
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 ...
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 ...
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" ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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="...
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 ...
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)
...
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 ...
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'...
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.&...
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 ...
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 ...
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(...
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 = ...
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 ...
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{
...
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 + ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
input × 505html × 187
javascript × 178
php × 93
jquery × 82
html5 × 49
css × 41
formulário × 37
python × 30
select × 17
data × 13
python-3.x × 12
css3 × 12
string × 11
c# × 10
mysql × 10
angular × 10
react × 10
checkbox × 10
autocompletar × 10
ajax × 9
array × 9
funções × 9
variáveis × 8
post × 8