Longer text input html

quinnd6 · 17-04-2015 6:31pm #1

How do I make a text input in html longer without imposing a maximum length?

tricky D · 17-04-2015 6:48pm

use maxlength="value" in the input field

http://www.w3schools.com/tags/att_input_maxlength.asp

allows a limit of just over half a million characters

druidhill · 17-04-2015 6:51pm

I think you are asking with regards to display, so use the size attribute (default is 20).

quinnd6 · 17-04-2015 6:53pm

I meant the size of the input box on the screen as in how many characters fit into it onto the screen before you end up scrolling right to get to the next character.
I think just setting a size does that anyway as druidhill just mentioned above.
From experimentation there size doesn't seem to limit the amount of characters you can input.
Am I right?

druidhill · 17-04-2015 7:17pm

Yes, that would be my understanding too.

colm_c · 21-04-2015 5:41pm

Use size attribute.

Or just style it with a bit of css.

HTML:
[HTML]
<input type="text" class="wide">

<input type="text" class="narrow">
[/HTML]

CSS:

input.wide {
width: 100px;
}

input.narrow {
width: 10px;
}

tricky D · 21-04-2015 6:19pm

^

Note on the above: Try to use ems and percentages which work better for Responsive Design than pixels.

Longer text input html

Comments