Recommended Posts

hi all

ok i'm having one of those days. as usual. but to put it bluntly I need a little guidance.

I have a html form that I want to convert over to JS, but just can't figure it out no matter what I try. if now one can help I will just leave it and try to spruce it some how, but i really wnat to make this a JavaScript file. the code is below, if you can figure it out let me know.

Thanks.

<form method="post" enctype="text/plain" action="mailto:[email protected]">

<center><p><b>Title:</b>

<input type="radio" name="title" value="Mr."/>Mr.

<input type="radio" name="title" value="Mrs."/>Mrs.

<input type="radio" name="title" value="Miss"/>Miss

<input type="radio" name="title" value="Dr."/>Dr.</p>

<p>First Name:  <input type="text" name="Firstname" tabindex="1"/></p>

<p><label>Last Name:</label>  <input type="text" name="Lastname" tabindex="2"/></p>

<p><label>Company Name:</label>  <input type="text" name="Company" tabindex="3"/></p>

<hr/>

<p><font size="2">Please use Company address.</font>

<p><label>Address:</label>  <input type="text" name="Address" tabindex="4"/></p>

<p><label>2nd Address:</label>  <input type="text" name="Address2" tabindex="5"/></p>

<p><label>City:</label>  <input type="text" name="City" tabindex="6"/>

</label>State:</label>  <input type="text" name="State" size="2" tabindex="7"/>

<label>Zip code:</label>  <input type="text" name="Zip" size="5" maxlength="5" tabindex="8"/></p>

<p><label>Phone Number:</label>  <input type="text" name="phone" size="14" tabindex="9"/> (xxx)-xxx-xxxx</p>

<p> <label>Email Address:</label>  <input type="text" name="email" tabindex="10"/></p>

<p><b>How would you like us to contact you?</b>

<input type="radio" name="Contact" value="phone"/>Phone

<input type="radio" name="contact" value="Email"/>Email</p>

<p><b>Best time to contact you if by phone</b></p>

<p><input type="text" name="time" size="2" maxlength="5" tabindex="11"/>

<input type="radio" name="T.O.D." value="A.M." tabindex="12"/>A.M.

<input type="radio" name="T.O.D." value="P.M."/>P.M.

<P><b> Please select the type of service you are interested in.</b></p>

<p><b>Services</b>

<select name="Services">

<option selected="---Select one---">---Select One---</option>

<option value="flyers">Flyers</option>

<option value="Mass Mailings">Mass Mailings</option>

<option value="Newletters">Newsletters</option>

<option value="Brochures">Brochures</option>

<optgroup label="Data Entry">

<option value="invoicing">Invoicing</option>

<option value="Check printing">Check Printing</option>

<option value="billing">billing</option>

<option value="receipts">Receipts</option></optgroup>

<option value="nametags">nametags</option>

<option value="Placecards">Placecards</option>

<option value="awards">Awards</option>

<option value="OrderForms>Order Forms</option>

<option value="website>Website creation</option>

</select>

<b>Ink choices</B>

<select name="Ink">

<option selected="---select one---">---Select One---</option>

<option value="bw">Black and White</option>

<option value="color">Color</option></p>

</select>

<p><b>Paper choices</b>

<select name="paper">

<option Selected="---select one---">---Select One---</option>

<option value="white">White</option>

<option value="color">Colored</option>

</select>

<b>Formatting</b>

<Select name="format">

<option selected="---Select One---">---Select One---</option>

<option value="ss">Single Sided</option>

<option value="ds">Double Sided</option>

<option value="mss">Multiple Page Single Sided</option>

<option value="mds">Multiple Page Double Sided</option>

</select></p>

<p><b>If not Website Design, please indicate the size of the Job you would like to have done.</b></p>

<p><input type="text" name="size" size="5" maxlength="4"/>  <font size="3">Minimum Order of 500 for each job.</font></p>

<p><b>Please tell us more information you think we need to know</b></p>

<p><textarea name="xtra_info" rows="3" cols="65" wrap="wrap">Extra information</textarea></p>

<hr/>

<p><input type="Submit" value="Submit Request"/>

<input type="Reset" value="Reset"/></p></center>

Please note that my codes are copywritten, so please ask if you want to use it. Also realise that I want to make this a lot better so any help there would be helpful, also if there is a way to make it so that if Website design is clicked on the other entries for the paper, ink, and formatting are locked out I woudl appreciate it.

To see what it looks like in action goto Quoteform.htm pardong the ads as this is strictly a temp server to make sure it works correctly

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...