easy question about form object text boxes

chaddu1256 · Feb 24, 2004

I have a text field on my page and I was wondering how you go about changing the size of the field. Everytime I insert a text field they are all teh same size.

The code for the text field right now is

<input type="text" name="cvv2" value="">

Any help would be appreciated

YNOTU · Feb 24, 2004

One way would be:

Code:

&lt;html&gt;
&lt;body&gt;
&lt;input type=&quot;text&quot; name=&quot;cvv2&quot; value=&quot;&quot; [b]style=&quot;width:300;&quot;[/b]&gt;
&lt;/body&gt;
&lt;/html&gt;

RISTMO · Feb 24, 2004

And if you'd like all your inputs to be like that, you can do this:

Code:

&lt;html&gt;
&lt;head&gt;
&lt;style type=&quot;text/css&quot;&gt;
input{
    width:150px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input type=&quot;text&quot; name=&quot;cvv2&quot; value=&quot;&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;

Note that doing that will affect ALL your inputs, not just text inputs. <input type="submit">, <input type="radio">, etc. will all be affected.

To change only text inputs, you'll have to use a class because the css method for only text inputs isn't stable yet...

Code:

&lt;html&gt;
&lt;head&gt;
&lt;style type=&quot;text/css&quot;&gt;
.bi input{
    width:150px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input type=&quot;text&quot; name=&quot;cvv1&quot; value=&quot;&quot;&gt;
&lt;input type=&quot;text&quot; name=&quot;cvv2&quot; value=&quot;&quot; class=&quot;bi&quot;&gt;
&lt;input type=&quot;text&quot; name=&quot;cvv3&quot; value=&quot;&quot; class=&quot;bi&quot;&gt;
&lt;input type=&quot;text&quot; name=&quot;cvv4&quot; value=&quot;&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;

Play around and get what you like. You can change more than just the width, if you want to.

Rick

http://www.ristmo.com/

http://www.arabchurch.com/

http://www.channelministries.com/

http://www.pillarzone.com/

chaddu1256 · Feb 24, 2004

Thanx for the info you two. I got what I need now, so I appreciate it alot.

YNOTU · Feb 24, 2004

Glad to help [thumbsup2]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

easy question about form object text boxes

chaddu1256

IS-IT--Management

YNOTU

Technical User

RISTMO

Programmer

chaddu1256

IS-IT--Management

YNOTU

Technical User

Similar threads

Part and Inventory Search

Sponsor