Solved

Form Fields - size of

Posted on 2003-12-07
8
261 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 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
NFR key for Veeam Backup for Microsoft Office 365

Veeam is happy to provide a free NFR license (for 1 year, up to 10 users). This license allows for the non‑production use of Veeam Backup for Microsoft Office 365 in your home lab without any feature limitations.

 
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

Visualize your virtual and backup environments

Create well-organized and polished visualizations of your virtual and backup environments when planning VMware vSphere, Microsoft Hyper-V or Veeam deployments. It helps you to gain better visibility and valuable business insights.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Drawing a Polygon with Google Maps 3 430
Set up Wildfly 10 8 447
Problem to event 1 1,099
ASP.NET on IIS website not sending PDF file anymore ? [IzillaFramework Cognition] 6 52
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
The purpose of this video is to demonstrate how to connect a WordPress website to Google Analytics. 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 :…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

726 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