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 ...
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
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">
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 ...
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 ...
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="...
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
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.
...
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
É 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♦
- 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 ...
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 ...
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']
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() {
...
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:
...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
input × 507html × 188
javascript × 176
php × 94
jquery × 82
html5 × 48
css × 40
formulário × 39
python × 30
select × 17
data × 13
python-3.x × 12
css3 × 12
string × 11
c# × 10
mysql × 10
angular × 10
react × 10
funções × 10
checkbox × 10
autocompletar × 10
ajax × 9
array × 9
post × 9
variáveis × 8