Respostas interessantes marcadas com a tag

66 votos

Como estilizar um input do tipo "file"?

Muitos dos tutoriais encontrados pela internet sugerem a técnica de fake div, no qual o seletor de arquivo é ocultado com um display:none e então é criado um div com a aparência que gostaria. O lado ...
Renan Gomes's user avatar
  • 19,3mil
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

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
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
  • 480mil
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
  • 76,5mil
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
  • 480mil
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
8 votos
Aceito

Adicionar mais campos em form dinamicamente em Jquery

Utilizando o exemplo que passou na pergunta, basta isso adicionar a seu .append(): .append('<div><input type="text" name="Texto' +(+wrapper.find("input:text").length+1) '" /><a href="...
Samir Braga's user avatar
  • 10,1mil
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
  • 480mil
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,7mil
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
  • 480mil
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

Como estilizar um input do tipo "file"?

Para este tipo de situação, na verdade, este campo (file) é oculto, sendo acionado o evento change para preenchimento dos demais componentes, que vai exibir o nome do arquivo ou até a ação do upload. ...
Oracio's user avatar
  • 186
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

É 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,5mil
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
  • 480mil
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 ...
Serial Coding Experiments's user avatar
7 votos
Aceito

É possível ter um split() com duas ou mais condições no Python?

Você pode usar o regex.split() que usa uma expressão regular para montar o separador. Por exemplo: import re a = "a,b.c|d" re.split("[,\.|-]",a) Que retornará a lista: ['a', 'b', 'c', 'd']
Giovanni Nunes's user avatar
6 votos
Aceito

Pegar o input radio mais selecionados com JavaScript

Podes fazer isso deste modo: var inputs = document.querySelectorAll('input'); var button = document.querySelector('button'); button.addEventListener('click', verificar); function verificar() { ...
Sergio's user avatar
  • 135mil
6 votos

Como adicionar títulos acima de input e textarea?

Os títulos de <input>, <select>, <textarea> e outros são conhecidos como label (Etiqueta, em tradução livre para o português). Podem ser declarados em HTML das seguintes maneiras: ...
Rafael Kendrik's user avatar
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,7mil

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