61
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 ruim é que toda programação deve ser feita com Javascript para o div ter o mesmo comportamento de um input de arquivos.
Uma técnica mais simples e que utiliza ...
respondida 4/10/15 às 1:06
Renan Gomes
18,8mil88 medalhas de ouro4343 medalhas de prata104104 medalhas de bronze
27
Como dito aqui e aqui, parece que atualmente o Google Chrome ignora qualquer tipo de atributo autocomplete="off", por mais que isso pareça estranho.
Então uma solução (alternativa) para fazer com que o Chrome não faça um autocomplete é criando 2 campos seguidos com o mesmo name="", um com display="none"(que não será visto pelo usuário) e outro normal, algo ...
respondida 5/05/15 às 20:38
Fernando Leal
9.68033 medalhas de ouro3737 medalhas de prata8585 medalhas de bronze
16
Placeholders devem conter exemplos ou descrições?
Sempre que possível devem conter exemplos e descrições, ambos, amigável e educadamente, na medida certa, que ajude o usuário a entender como preencher os campos. Usabilidade, essa é palavra.
Já existe uma thread no User Experience, site da Stack Exchange específico sobre as experiências relacionadas ao ...
respondida 3/10/17 às 15:36
UzumakiArtanis
9.41566 medalhas de ouro4040 medalhas de prata8787 medalhas de bronze
15
Você pode mascarar um campo utilizando:
JQuery Mask Plugin
Documentação
Exemplo de uso:
$(document).ready(function(){
$('#telefone').mask('(00) 0000-0000');
});
Ou no próprio html:
<input type="text" name="telefone" data-mask="(00) 0000-0000" data-mask-selectonfocus="true" />
Você também pode aplicar callback, em fim... há vários ...
13
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">
12
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 isso. Já vi tentaram (bancos cof cof) fazer coisas para resolver isso e são inócuas.
Nem precisa dizer que para enviar também não vale nada. Só o HTTPS ...
respondida 9/09/16 às 12:04
10
Para limitar o input a números basta mudar o type de text para number:
<form action="#">
<input type="number" name="Dia" min="1" max="31">
<input type="submit">
</form>
Ainda se quiser limitar de 1 a 31 (imaginando que seja o número de dias do mês) pode fazê-lo com mim e max.
Nota: Este tipo number não funciona no ...
respondida 27/01/15 às 10:38
Jorge B.
11,3mil66 medalhas de ouro4444 medalhas de prata8989 medalhas de bronze
10
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 são apenas true ou false (on ou off, 1 ou 0, ou qualquer variação equivalente). O campo indeterminate é apenas uma ferramenta para o web developer indicar ao ...
respondida 11/09/18 às 16:33
Woss
71,4mil1414 medalhas de ouro104104 medalhas de prata190190 medalhas de bronze
10
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 de armazenamento de valores, só isso. Você não precisa delas quando não usa o valor mais de uma vez. Mesmo quando precisa em tese pode obter o valor todas as ...
respondida 28/09/18 às 0:46
9
$('.btn').on('click', function() {
$('.arquivo').trigger('click');
});
$('.arquivo').on('change', function() {
var fileName = $(this)[0].files[0].name;
$('#file').val(fileName);
});
.arquivo {
display: none;
}
.file {
line-height: 30px;
height: 30px;
border: 1px solid #A7A7A7;
padding: 5px;
box-sizing: border-box;
font-...
respondida 12/01/17 às 13:31
Diego Souza
16,4mil33 medalhas de ouro2626 medalhas de prata8282 medalhas de bronze
9
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 novo = atual - (-1); //Evitando Concatenacoes
document.getElementById("total").value = novo;
}
function menos(){
var atual = document.getElementById("...
respondida 17/10/18 às 19:33
Renato Junior
98011 medalhas de ouro1010 medalhas de prata2626 medalhas de bronze
8
Usando jQuery eu criei essa função que fica escutando o evento keyup (quando o usuário solta uma tecla). Dentro da função verifico o valor.
$('#txtValor').on('keyup', function(event) {
var valorMaximo = 300;
if (event.target.value > valorMaximo)
return event.target.value = valorMaximo;
});
<script src="https://ajax.googleapis.com/...
respondida 13/02/15 às 1:39
Laerte
21,9mil1515 medalhas de ouro7777 medalhas de prata126126 medalhas de bronze
8
Soluções:
Podes adicionar o 9 manualmente quando o usuário estiver digitando o telefone:
$('#telefone').mask('(00) 00000-0000').on('keyup', function(event){
event.preventDefault();
var v = this.value;
console.log(v.length);
if (v.length == 3) this.value = v+') 9';
});
Podes fazer uma validação no blur (ao sair do campo), para adicionar o nono ...
respondida 19/06/15 às 20:43
KaduAmaral
11,3mil11 medalhas de ouro2727 medalhas de prata7474 medalhas de bronze
8
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="#" class="remove_field">Remove</a></div>');
No caso ele irá pegar a quantidade de inputs dentro da div que está na var wrapper e irá somar mais ...
respondida 14/01/16 às 20:49
Samir Braga
9.92855 medalhas de ouro2525 medalhas de prata4949 medalhas de bronze
8
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"></script>
<input id="numeric">
Primeiro eu monitoro o input pelo evento keyup, quando um caractere é digitado eu pego o valor do campo e apago ...
respondida 1/03/17 às 15:07
JuniorNunes
4.83611 medalhas de ouro99 medalhas de prata2525 medalhas de bronze
8
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 documento podem ser estilizados de outras formas.
E ele nem funciona igual ao que se espera de um botão em todas situações (pode não enviar o valor do botão e ...
respondida 13/04/17 às 16:57
8
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 em que uma caixa de seleção pode estar:
indeterminada. Este é um estado em que é impossível dizer se o item
está ativado ou desativado. Isso é definido ...
respondida 11/09/18 às 16:28
Ricardo Pontual
18,8mil11 medalhas de ouro2222 medalhas de prata5252 medalhas de bronze
8
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 linguagem, é que são os métodos de entrada e saída mais fáceis embutidos na linguagem para comunicação com o usuário.
No entanto, ambas as funções remetem a um ...
respondida 8/10/18 às 13:12
jsbueno
29,5mil11 medalhas de ouro3737 medalhas de prata6161 medalhas de bronze
8
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 utilizando o querySelector.
var elemento = document.querySelector("input");
elemento.onfocus = function(){
elemento.placeholder = "apenas número";
};
...
respondida 12/12/18 às 14:10
Wictor Chaves
8.39211 medalhas de ouro1818 medalhas de prata5353 medalhas de bronze
8
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']
respondida 9/01/19 às 19:56
Giovanni Nunes
2.50511 medalhas de ouro66 medalhas de prata1515 medalhas de bronze
8
Tem uma maneira bem simples utilizando Regex:
import re
input = "João:saiu!! de%$ˆcasa"
pattern = "[,&ˆ*!!:%\$\s]+"
repl = " "
output = re.sub(pattern, repl, input)
print(output)
# João saiu de casa
Você pode adicionar novos caracteres para exclusão entre os colchetes na variável pattern.
7
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.
Exemplo:
/*
Using the file input itself to select a file works fine
*/
$('input[name=file]').change(function() {
alert($(this).val());
});
/...
7
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'>
respondida 8/08/16 às 16:18
Laerte
21,9mil1515 medalhas de ouro7777 medalhas de prata126126 medalhas de bronze
7
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.</p>
Acho que não fica mais fácil do que isso.
respondida 27/03/17 às 10:58
Caio Felipe Pereira
4.55011 medalhas de ouro1515 medalhas de prata4040 medalhas de bronze
7
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="teste()">
7
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 do navegador deveria ser o que mais as pessoas usam e no momento é 4 dígitos (já foi 2 e poderia voltar ser) e o padrão ISO 8601 diz claramente que deve ser 4 (...
respondida 9/08/19 às 17:54
6
O que você está querendo pode ser feito facilmente com jQuery Mask.
O seu uso se dá exatamente como o @RafaelWithoeft descrever em sua resposta.
$(document).ready(function(){
$('[name=telefone]').mask('(00) 0000-0000');
});
Quanto a fazer isso somente com o HTML5, o que você vai conseguir fazer no máximo é utilizar o atributo pattern. Porém este ...
respondida 18/02/15 às 16:43
6
Fiz com Jquery para você dar uma olhada de como pegar o texto da div
Jquery
$(function(){
var valorDaDiv = $(".produtosIntTitulo").text();
$("#orcamentoAssuntoForm").val(valorDaDiv);
});
Você pode acompanhar o resultado nesta DEMO
6
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:
Utilizando for=" " : Referenciamos o id do elemento dentro do atributo for do elemento label:
<label for="name">Nome:</label>
<input ...
Apenas as respostas wiki não pertencentes à comunidade mais votadas e de um tamanho mínimo se qualificam
Tags relacionadas
input × 447html × 171
javascript × 149
php × 92
jquery × 78
html5 × 45
css × 39
formulário × 33
python × 19
select × 15
python-3.x × 11
css3 × 11
mysql × 10
autocompletar × 10
ajax × 9
date × 9
checkbox × 9
text × 9
java × 8
c# × 8
array × 8
string × 8
post × 8
twitter-bootstrap × 7
funções × 7