Input type "number" won't resize

html text input resize numbers
SaturnsEye picture SaturnsEye · Mar 28, 2014 · Viewed 108k times · Source

Why won't my input resize when I change the type to type="number" but it works with type="text"?

EXAMPLE

    Email: <input type="text" name="email" size="10"><br/>
  number: <input type="number" name="email" size="10">

Answer

Felix picture Felix · Mar 28, 2014

Seem like the input type number does not support size attribute or it's not compatible along browsers, you can set it through CSS instead:

input[type=number]{
    width: 80px;
}

Updated Fiddle

Related questions

Add padding to HTML text input field

I want to add some space to the right of an <input type="text" /> so that there's some empty space on the right of the field. So, instead of , I'd get . So, same behavior just some empty space …

Read More
Changing the highlight color when selecting text in an HTML text input

I've been looking for this throughout the web and can't even find anyone else even asking this, let alone a solution... Is there a way to change the color of the highlight area within a text input when text is …

Read More
Input Field, wrap text instead of extending horizontally

I have an input field, a user will write text inside but when the text is to long it just extends horizontally instead of dropping down vertically. I tried: overflow: hidden; word-wrap: break-word; and I had no luck. Any other …

Read More