Solved

Form Fields - size of

Posted on 2003-12-07
8
257 Views
Last Modified: 2010-04-07
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
Comment
Question by:llpatte
  • 3
  • 2
  • 2
  • +1
8 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 50 total points
ID: 9892958
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
 

Author Comment

by:llpatte
ID: 9894515
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 9896117
<input type="text" style="height:14px"name="email" value="email address" size="8">
<input type="submit" style="height:100px">

Cd&
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 9896127
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
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 
LVL 31

Expert Comment

by:seanpowell
ID: 9897890
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
 
LVL 31

Expert Comment

by:seanpowell
ID: 9898973
>> that would be unbreadable.

And also unreadable :-(
0
 
LVL 17

Expert Comment

by:Tacobell777
ID: 9900835
not too mention unreadable... ;-(0)
0
 

Author Comment

by:llpatte
ID: 9901170
haha - yup - i figured that out :)  thanks anyways!

LIsa
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now