1

Olá, pessoal. Estou fazendo uma Tabuada usando HTML e PHP. O usuário digita um número através de formulário e é exibida a tabuada deste. Gostaria de saber se consigo colocar algum atributo no <input type="number>"para que seja exibido somente números positivos no campo de seleção do usuário. Hoje meu código está assim:

<!--CAMPO PARA DIGITAR O NÚMERO-->
    <label>Número:</label>
    <input type="number" name="numero">

Desde já, agradeço!

3 Respostas 3

3

As propriedades min e max de um input definem os valores mínimos e máximos, respectivamente. <input type="number" min="0" name="numero">

1
  • Obrigada, Thiago. Ajudou muito! Commented 1/03/2017 às 19:41
2

Sendo o input do tipo number, você pode definir os valores mínimos e máximos através dos atributos min e max, respectivamente.

<input type="number" name="numero" min="0" max="9">

Se desejar qualquer valor positivo, basta remover o atributo max.

1
  • Obrigada, Anderson. Ajudou muito! Commented 1/03/2017 às 19:41
2

Como o usuário Thiago já respondeu, você pode utilizar os atributos min e max do HTML5.

O único problema é que eles não vão funcionar em navegadores mais antigos. Nestes casos é sempre interessante utilizar um polyfill para garantir que os navegadores mais antigos também tenham a funcionalidade.

Um plugin bacana para jQuery que tem uma compatibilidade é o Stepper.

1
  • Obrigada, @jHertel. Vou ficar atenta a isso! Commented 1/03/2017 às 23:10

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .