?
Solved

Form Fields - size of

Posted on 2003-12-07
8
Medium Priority
?
265 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +1
8 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 150 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
Get MongoDB database support online, now!

At Percona’s web store you can order your MongoDB database support needs in minutes. No hassles, no fuss, just pick and click. Pay online with a credit card. Handle your MongoDB database support now!

 
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
 
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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
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…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…

777 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