Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
Jack Oliveira

DEFINIR QUANTIDADE DE NUMEROS NO INPUT TYPE="NUMBER"

Pergunta

Ola pessoal boa noite se puderem me dar uma dica

é o seguinte eu tenho meu input type="number" quero que o maximo de numero seja até 7 não mais que isso

como eu posso fazer isso?

este e o  código 

<!--o campo value="7" ele ja esta com o maximo do numero só que eu não quero que continua a contagem por ex 8,9,10 e assim vai 
ele vai gerar os numeros de 0,1,2,3,4,5,6,7 e para por aqui
-->
<input class="form-control" type="number" name="ordem" value="7">

acho que podem entender o que eu quero

Compartilhar este post


Link para o post
Compartilhar em outros sites

4 respostas a esta questão

Recommended Posts

@TUAN

Os elementos INPUT do tipo number admitem os atributos min e max que limitam a faixa de números permitidos.
No exemplo a seguir a faixa permitida vai de 0 a 7:

<input class="form-control" type="number" name="ordem" value="7" min="0" max"7">


 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa noite @Maujor obrigado pela resposta sua deu certo numa parte rsrsr

usei o que você postou quando usa a seta de seleção ele vai ate do 0 ao 7, mais se eu apagar e for digitar ele passa do valor que é pra ser entende?

<input class="form-control" type="number" name="ordem" value="7" min="0" max="7">

Compartilhar este post


Link para o post
Compartilhar em outros sites

@TUAN

Valores maiores (ou menores) do que os limites min e max podem sim ser digitados, contudo
não são válidos e em consequência não serão aceitos para envio para processamento. 
Se você submeter o formulário com um valor digitado fora da faixa vai dar um aviso que o valor
é inválido e deve estar na faixa definida.
Constate na prática:
Coloque o seguinte em uma página HTML5, salve e abra no navegador.
Digite um valor fora da faixa e clique no botão enviar. 

<form action="#">
  <input class="form-control" type="number" name="ordem" value="7" min="0" max="7">
  <input type="submit">
</form>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.