PDA

View Full Version : Control Width of Multi Line Text Field in Form


fwr1000
07-13-2006, 01:35 PM
I created a form using the form script from the Dreamweaver Club site. One of the fields is a multi line text field where the user can enter a resume or type in information. When something is pasted (a resume for example) into the entry area the input wraps and the entry box does not overflow and create a horizontal scroller. However, when something is typed in the entry information continues in a single line and a horizontal scroller bar appears. Is there some way to limit the width of the entry and do a "carriage return" at the right edge of the entry box? I have tried all of the settings for wrap but none of them accomplish this.

TIA

Fred

[<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Job Inquiry Submission Form Manistee County Medical Care Facility</title>
<style type="text/css">
<!--
.jobform {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-transform: capitalize;
color: #000099;
font-weight: bold;
vertical-align: top;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-transform: none;
color: #000099;
font-weight: bold;
vertical-align: top;
}
h1 {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #000099;
}
-->
</style>
<meta name="description" content="Employment Inquiry Form for Manistee Mecical Care Facility">
</head>

<body>




Images/banner/Med_Care_Banner_130.png</p>
<h1>Job Opportunities Inquiry Form </h1>


Please complete the form below. If you choose to include your resume, you may paste it in the box in the lower section. When done, click the submit button and the information will be sent to the Manistee County Medical Care Facility's Human Resources department. Thank you for taking the time to inquire. </p>
<form action="http://www.manisteemedicalcare.com/sendresults.php" method="post" name="jobopp" id="jobopp">
<table width="425" border="0" align="center" cellpadding="5" cellspacing="2">
<tr>
<td valign="top">


<label class="jobform">First Name</label>
</p>
</td>
<td valign="top" class="jobform">
<input name="First Name" type="text" id="First Name">
</td>
</tr>
<tr>
<td class="jobform">
<label>Last Name</label>
</td>
<td class="jobform">
<input name="Last Name" type="text" id="Last Name">
</td>
</tr>
<tr>
<td class="jobform">
<label class="jobform">E-Mail Address </label>
</td>
<td class="jobform">
<input name="E Mail" type="text" id="E Mail">
</td>
</tr>
<tr>
<td class="jobform">
<label>Position Of Interest</label>
</td>
<td class="jobform">
<select name="Position" size="1" id="Position">
<option>(Please Choose)</option>
<option>RN</option>
<option>LPN</option>
<option>CNA</option>
<option>Dietary</option>
<option>Housekeeping</option>
<option>Maintenance</option>
<option>Other</option>
</select>
</td>
</tr>
<tr>
<td class="jobform">Full/Part Time </td>
<td class="jobform"><select name="select">
<option>(Please Choose)</option>
<option>Full Time</option>
<option>Part Time</option>
<option>Casual as Needed</option>
</select></td>
</tr>
<tr>
<td class="jobform">
<label>Shift Preferred</label>
</td>
<td class="jobform">
<select name="Shift" id="Shift">
<option>(Please Choose)</option>
<option>Any</option>
<option>Days</option>
<option>Swing</option>
<option>Nights</option>
</select>
</td>
</tr>
<tr>
<td class="jobform">Phone</td>
<td class="jobform">
<input name="Phone No" type="text" id="Phone No">
</td>
</tr>
<tr>
<td class="jobform">Best Time to Call You </td>
<td class="jobform">
<select name="Time to Call" id="Time to Call">
<option>(Please Choose)</option>
<option>Morning</option>
<option>Afternoon</option>
<option>Evening</option>
</select>
</td>
</tr>
<tr>
<td valign="top" class="jobform">
<label>Copy and then Paste Resume Here </label>
(or other information you would like to submit)</td>
<td height="50" class="jobform"> <textarea name="Resume" cols="75" rows="10" id="Resume"></textarea> (Note: This section will grow when you paste your resume or information)</td>
</tr>
<tr>
<td valign="top" class="jobform">


</p>


</p></td>
<td height="50" class="jobform"><div align="center">
<input name="Submit" type="submit" class="jobform" value="Submit">


or

Cancel and Back to Job Opportunities (jobopportunities.html)</div></td>
</tr>

</table>



<span class="jobform"> </span> </p>
</form>
</body>
</html>

POST EDITED PLEASE IN FUTURE USE [CODE] TAGS IT MAKES LIFE EASIER TO READ!
RAMANDEEP

fwr1000
07-15-2006, 03:44 PM
Anyone? Need help

thnx
Fred