Path = Home : Form Tips : How To Customize Form Input Boxes

How To Customize Form Input Boxes

The <input> tag is used to create input fields within a web page form.

You can control the size of the input box for a form by changing the size value - this is useful where space is limited on your page.

Also, you can limit the amount of text input by setting a maxlength value - if the maxlength is larger than the size of the input box, the text will scroll along when it is typed in.

When setting the maxlength value, make sure it is large enough to handle the maximum amount of text that will be typed in.

<input type="text" size="15" maxlength="50">

Displaying default text in the input box

You can display default text within your input box using the value attribute.

<input type="text" value="Your Text" size="15" maxlength="50">