input type=number

[Macunaíma]

Olá clube, gostaria de fazer um input do tipo number diferente do padrão, mas nao sei como, já que com a ajuda do css só mudo as cores e o tamanho. Veja um exemplo de um input diferente na quantidade do produto http://www.korova.com.br/masculino/tall-tee/tall-tee-pizza.html

[DiF]

@macunaima

 

Tem N maneiras de fazer isso.

Uma é com a tag do HTML 5  

<input type="number" />

Veja mais aqui: http://html5doctor.com/html5-forms-input-types/

http://www.w3.org/TR/html-markup/input.number.html

 

Outro é você criar um input text, apenas para leitura com o número 1 inicial.. e por javascript  fazer um incremento ou decremento em um icone de mais e menos. ( como no site que mostrou)

 

https://css-tricks.com/number-increment-buttons/