• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 268
  • Last Modified:

Form Fields - size of

Is there a way to set the height properties for a form field?

code example:  

<form action="http://www.domain.com/mandy_cgi-bin/mojo/mojo.cgi" method=POST>
 <input type="hidden" name="flavor" value="subscribe">
<input type="text" name="email" value="email address" size="8">
<input type="hidden" name="list" value="mandyvteam">
<input type="submit" value="Join">
</form>

0
llpatte
Asked:
llpatte
  • 3
  • 2
  • 2
  • +1
1 Solution
 
COBOLdinosaurCommented:
Sure just style it:

<input type="text" style="height:100px;"name="email" value="email address" size="8">

Of course it you made the that high you probaly want to modify vertical alignment as well:

<input type="text" style="height:100px;padding-top:40px;"name="email" value="email address" size="8">

Cd&
0
 
llpatteAuthor Commented:
I'd like to have a form field that is 15pixels tall.  Is it posssible to have it that small?  What about the "Submit" button?
I need a one line text box and a submit button that each are no bigger that 14 pixels.
0
 
COBOLdinosaurCommented:
<input type="text" style="height:14px"name="email" value="email address" size="8">
<input type="submit" style="height:100px">

Cd&
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
COBOLdinosaurCommented:
Ooops ... that should be:

<input type="text" style="height:14px"name="email" value="email address" size="8">
<input type="submit" style="height:14px">

Cd&
0
 
seanpowellCommented:
Be aware that at 14 pixels high - you'll need a font height specified at about 8 pixels high. On many systems, that would be unbreadable.

http://developer.apple.com/internet/fonts/fonts_gallery_verd_px_8.html

<html>
<head>
<style type="text/css">
<!--
input { font-family:verdana; font-size:8px; }
//-->
</style>
</head>
<body>
<form>
<input type="text" style="height:14px" name="email" value="email address" size="8">
<input type="submit" style="height:14px">
</form>
</body>
</html>
0
 
seanpowellCommented:
>> that would be unbreadable.

And also unreadable :-(
0
 
Tacobell777Commented:
not too mention unreadable... ;-(0)
0
 
llpatteAuthor Commented:
haha - yup - i figured that out :)  thanks anyways!

LIsa
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

  • 3
  • 2
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now