|
HTML - How To Create A Web Form To Work?
i know how to create a web page i have done it already but i need to create a from and lots of options to choose from and submit stuff and how do i make it work? and what i have to do? thanks
Similar TutorialsPlease anybody will tell me, how a Form will create in HTML. I have an ezine form (below). I want to allow people to select their newsletter. I have 3 newsletters: The financial professionals is number 230 and small business owner is number 229 and Washington residents is number 232 Can you help me fix the code so that people can select the newsletter they want? <div style="text-align: center"> <form class='subscription_form' id='subscription_form' method='post' action='http://www.autoresponder-service.com/formcapture.php?v=25&w=26'> First Name *<br /> <input type="text" name="first_name" size="26" /><br /> Last name *<br /> <input type='text' name='last_name' size="26" /><br /> Company Name *<br /> <input type='text' name='company' size="26" /><br /> Title *<br /> <input type='text' name='title' size="26" /><br /> Primary Phone *<br /> <input type='text' name='phone1' size="26" /><br /> Street *<br /> <input type="text" name="street" size="26" /><br /> City *<br /> <input type="text" name="city" size="26" /><br /> Zip *<br /> <input type="text" name="zip" size="26" /><br /> State or Province *<br /> <input type="text" name="state" size="26" /><br /> Country *<br /> <select name="country" style="width:185px;"> <option value=""> </option> <option value="United States">United States</option> <option value="Canada">Canada</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antartica">Antarctica</option> <option value="Antiqua">Antigua / Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Zimbabwe">Zimbabwe</option> <option value="Other">Other</option> </select><br /> How'd You Find Us? (optional)<br /> <input type="text" name="custom_referral" size="26" /><br /> Assets Under Management (optional)<br /> <input type="text" name="custom_aum" size="26" /><br /> Topic You'd Like To Know More About (optional)<br /> <input type="text" name="custom_topic" size="26" /><br /> Company Email Address*<br /> <input type="text" name="email" size="26" /><br /><br /> <input type="image" src="http://www.elevatingyourbusiness.com/images/button/FREEINSTANTACCESS.jpg" /> <input type='hidden' name='id' value='229' /> <input type='hidden' name='first_name_man' value='1' /> <input type='hidden' name='last_name_man' value='1' /> <input type='hidden' name='company_man' value='1' /> <input type='hidden' name='title_man' value='1' /> <input type='hidden' name='phone1_man' value='1' /> <input type='hidden' name='street_man' value='1' /> <input type='hidden' name='city_man' value='1' /> <input type='hidden' name='state_man' value='1' /> <input type='hidden' name='country_man' value='1' /> <input type='hidden' name='zip_man' value='1' /> </form> Hi everyone I'm new to this forum and I have a question. I need to create an input form that asks users for a zip code. Once they type in their zip code and hit submit I need to take their zip code and put it in the URL. EX. if 12345 was typed, after they hit submit it would take them to "www.example.com/12345" Does this make sense? Hi, I would like on my website a html form (Something like an idea form) that when you click 'Send' it mails it strat to my inbox. Now whenever I used to do this it used to open up Outlook and the info wasn't inside . Is there a way of using 'Post' or 'Get' for this? When you create a select form with a default size or a size of 1, the options (once you expand the form out by clicking it) that are moused over will be highlighted. I want that same effect on a select form with a size of 30. I imagine the solution lies in some javascript onmouseover function, but I couldn't find anything. Help? I'm completely baffled. I have a contact form on this website: http://www.waldronforest.com/ that works just fine when I test it in FireFox, but when I try to use it in internet explorer I can't even click on the fields. Anyone have any idea why? Thanks! Everyone, An XHTML class project is posting to an e-mail address. The code works in FireFox, Chrome, and Safari, but not in IE v9. Here's the first several lines of the document, down to the <form> tag: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link rel="stylesheet" type="text/css" href="../style-sheets/assignments-styles.css" /> <link rel="shortcut icon" href="../images/favicon.ico" type="x-icon" /> <link rel="icon" href="../images/favicon.ico" type="x-icon" /> <title>Site Opinion Form</title> <style type="text/css"> <!-- legend {float: left; color: #00008b; font-style: italic; font-size: small} --> </style> </head> <body> <form method="post" action="mailto:fname.lname@student.swic.edu?subject=Student's Assignment Input"> TIA. Hello everyone! My form seems to work... but I'm not getting the submission in my e-mail! You can check it out he www.BoatingHitList.com/formtest.html Here's the code for my form: HTML Code: <form name="htmlform" method="post" action="html_form_send.php"> <table width="500px"> </tr> <tr> <td valign="top"> <label for="name">Name*</label> </td> <td valign="top"> <input type="text" name="name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address*</label> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Location (city, state, country)*</label> </td> <td valign="top"> <input type="text" name="location" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Website Address*</label> </td> <td valign="top"> <input type="text" name="website" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Website Title*</label> </td> <td valign="top"> <input type="text" name="websitetitle" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Listing Category*</label> </td> <td valign="top"> <select name="category"> <option>Select Category <option>BOAT SHOWS/EVENTS <option>BOATING ASSOCIATIONS <option>BOOKS/MAGAZINES <option>BROKERS - NEW BOATS <option>BROKERS - USED BOATS <option>CHARTERS <option>CLASSIFIEDS <option>FINANCE/INSURANCE <option>FORUMS <option>MARINAS <option>PARTS/ACCESSORIES <option>REPAIR/MAINTENANCE <option>SERVICES </select> </td> </tr> <tr> <td valign="top"> <label for="comments">Website Description (25 words or less)*</label> </td> <td valign="top"> <textarea name="comments" maxlength="300" cols="25" rows="6"></textarea> </td> </tr> <tr> <td colspan="2" style="text-align:center"> <input type="submit" value="Submit"> </td> </tr> </table> </form> And here's the code for my php page - www.BoatingHitList.com/html_form_send.php HTML Code: <?php
if(isset($_POST['email'])) {
// CHANGE THE TWO LINES BELOW
$email_to = "submit@boatinghitlist.com";
$email_subject = "Boating Hit List Submission";
function died($error) {
// your error code can go here
echo "We are very sorry, but there were error(s) found with the form you submitted. ";
echo "These errors appear below.<br /><br />";
echo $error."<br /><br />";
echo "Please go back and fix these errors before submitting.<br /><br />";
die();
}
// validation expected data exists
if(!isset($_POST['name']) ||
!isset($_POST['email']) ||
!isset($_POST['comments'])) {
died('We are sorry, but there appears to be a problem with the form you submitted.');
}
$name = $_POST['name']; // required
$email_from = $_POST['email']; // required
$location = $_POST['location']; // required
$website = $_POST['website']; // required
$websitetitle = $_POST['websitetitle']; // required
$category = $_POST['category']; // required
$comments = $_POST['comments']; // required
$error_message = "";
$email_exp = "^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$";
if(!eregi($email_exp,$email_from)) {
$error_message .= 'Please enter a valid e-mail address.<br />';
}
$string_exp = "^[a-z .'-]+$";
if(!eregi($string_exp,$name)) {
$error_message .= 'Please enter a valid name.<br />';
}
if(strlen($comments) < 2) {
$error_message .= 'Please enter a valid website description.<br />';
}
if(strlen($error_message) > 0) {
died($error_message);
}
$email_message = "Form details below.\n\n";
function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
}
$email_message .= "Name: ".clean_string($name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Location: ".clean_string($location)."\n";
$email_message .= "Website Address: ".clean_string($website)."\n";
$email_message .= "Website Title: ".clean_string($websitetitle)."\n";
$email_message .= "Listing Category: ".clean_string($category)."\n";
$email_message .= "Website Description: ".clean_string($comments)."\n";
// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);
?>
<!-- place your own success html below -->
<p><center><img src="http://www.boatinghitlist.com/BHLlogo.gif">
<p><font face="calibri" size="4">
Thank you for submitting your website to BoatingHitList.com.</font>
<p><font face="calibri" size="4">
Please make sure you include a link back to us on your website. All websites are individually reviewed to ensure they are placed in the correct category and that your website links back to us. Upon your website's approval, you will receive an e-mail notification. If your website is denied, you will receive an e-mail with the reason(s) your website was denied.
<p>Choose one of the codes below to display our link back on your website:
<p>
<textarea rows="6" cols="30">
<a href="http://www.boatinghitlist.com" target="_blank"><img src="http://www.boatinghitlist.com/BHLicon.jpg" height="70" width="70" border="0"></a>
</textarea>
<p>
Will display as:
<p>
<a href="http://www.boatinghitlist.com" target="_blank"><img src="http://www.boatinghitlist.com/BHLicon.jpg" height="70" width="70" border="0"></a>
<p>
<textarea rows="6" cols="30">
Visit <a href="http://www.boatinghitlist.com" target="_blank">www.BoatingHitList.com</a> for a directory of boating industry websites!
</textarea>
<p>
Will display as:
<p>
Visit <a href="http://www.boatinghitlist.com" target="_blank">www.BoatingHitList.com</a> for a directory of boating industry websites!
<p>
<a href="http://www.boatinghitlist.com">CLICK HERE TO GO BACK TO www.BoatingHitList.com</a>
<?php
}
?>
I'm convinced that its very simple but cant figure it out yet. I'd really appreciate your help. I'm trying to integrate my aweber code into a graphical form. AWEBER CODE ---------------------------------------- HTML Code: <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" > <div style="display: none;"> <input type="hidden" name="meta_web_form_id" value="378818622" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="listname" value="superpowernutri" /> <input type="hidden" name="redirect" value="http://google.com" id="redirect_3851a3a65806cdcf11082fdddc304cdb" /> <input type="hidden" name="meta_adtracking" value="superpower" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="meta_tooltip" value="" /> </div> <div id="af-form-378818622" class="af-form"><div id="af-body-378818622" class="af-body af-standards"> <div class="af-element"> <label class="previewLabel" for="awf_field-31806523">Name: </label> <div class="af-textWrap"> <input id="awf_field-31806523" type="text" name="name" class="text" value="" tabindex="500" /> </div> <div class="af-clear"></div></div> <div class="af-element"> <label class="previewLabel" for="awf_field-31806524">Email: </label> <div class="af-textWrap"><input class="text" id="awf_field-31806524" type="text" name="email" value="" tabindex="501" /> </div><div class="af-clear"></div> </div> <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" /> <div class="af-clear"></div> </div> --------------------------------------- THE GRAPHICAL FORM THAT I'M TRYING TO INTEGRATE THE ABOVE CODE INTO: ---------------------------------------------------------------------- HTML Code: AUTORESPONDER CODE START HERE //-->
<!-- You can edit or replace the form below with your own autoresponder code -->
<form>
<input type="text" name="name" class="name_field" value="Enter Your First Name" onFocus="if(this.value == 'Enter Your First Name'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your First Name'; this.style.color= '#818181'; }" />
<input type="text" name="email" class="email_field" value="Enter Your Email Address" onFocus="if(this.value == 'Enter Your Email Address'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your Email Address'; this.style.color= '#818181'; }" />
<input type="submit" name="submit" value="" class="opt_btn" />
</form>
<!-- YOUR AUTORESPONDER CODE END HERE //-->
---------------------------------------- big kisses to anyone who can help me solve this HI need help to editing the template form that can't work. below is the forms code, some one know what to sit or add any for make the form work. <td valign="top" width="270" style="height:100% "> <!--webbot BOT="GeneratedScript" PREVIEW=" " startspan --><script Language="JavaScript" Type="text/javascript"><!-- function FrontPage_Form1_Validator(theForm) { if (theForm.Name.value == "") { alert("Please enter a value for the \"Your full name\" field."); theForm.Name.focus(); return (false); } if (theForm.Email_address.value == "") { alert("Please enter a value for the \"E-mail address\" field."); theForm.Email_address.focus(); return (false); } if (theForm.Message.value == "") { alert("Please enter a value for the \"Your message\" field."); theForm.Message.focus(); return (false); } return (true); } //--></script><!--webbot BOT="GeneratedScript" endspan --><form method="POST" name="FrontPage_Form1" action="mailto:support@itacstudio.com" onSubmit="return FrontPage_Form1_Validator(this)" webbot-action="--WEBBOT-SELF--" language="JavaScript"> <!--webbot bot="SaveResults" startspan S-Email-Format="TEXT/PRE" S-Email-Address="support@itacstudio.com.com" B-Email-Label-Fields="TRUE" B-Email-ReplyTo-From-Field="TRUE" S-Email-ReplyTo="Email_address" S-Builtin-Fields="REMOTE_NAME HTTP_USER_AGENT" S-Form-Fields="Name Email_address Telephone Message " U-Confirmation-Url="index-4.html" --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="43374" --> <table cellpadding="0" cellspacing="0" border="0" style="height:100% "> <tr> <td valign="top" width="270" height="125"> <div style=" margin-left:0px; margin-top:0px "><a href="index-4.html"><img src="images/p4.jpg" alt="" border="0" width="270" height="122"></a></div> </td> </tr> <tr> <td valign="top" width="270" style="background-image: url('images/5_bg.gif'); background-repeat: no-repeat; background-attachment: scroll; background-color: #E7E7E7; height: 100%; background-position: Right 100%"> <div style=" margin-left:28px; margin-top:21px "><img src="images/5_w3.gif" alt="" border="0" width="123" height="17"></div> <div style=" margin-left:30px; margin-top:11px; margin-right:20px; line-height:14px " class="b2">Your full name:</div> <div style="margin-left:30px; margin-top:0px;"><!--webbot bot="Validation" S-Display-Name="Your full name" B-Value-Required="TRUE" --><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Name"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">E-mail address:</div> <div style="margin-left:30px; margin-top:0px;"><!--webbot bot="Validation" S-Display-Name="E-mail address" B-Value-Required="TRUE" --><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Email_address"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your telephone:</div> <div style="margin-left:30px; margin-top:0px;"><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Telephone"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your message:</div> <div style="margin-left:30px; margin-top:1px;"><!--webbot bot="Validation" S-Display-Name="Your message" B-Value-Required="TRUE" --><textarea cols="35" rows="35" class="b" style=" width:217px; height:144px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7; overflow:hidden " name="Message"></textarea></div> <div class="b" style="width: 84; height: 19; margin-left: 180px; margin-top: 3px"><input border="0" src="images/button_submit.jpg" name="I1" width="55" height="13" type="image"></div> </td> </tr> </table> </form> Hi all, Could somebody please give me a hand as to why this contact form is not working? In the Head section: Code: <script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false;}
}
}
</script>
In the HTML body section: Code: <form id="contacts-form" onsubmit="return validate_form(this)" action="contact.php" method="get">
<div class="wrapper">
<div class="col-1">
<label>Name:<br /><input type="text" name="name" required/></label>
<label>E-mail:<br /><input type="text" name="email" required/></label>
</div>
<div class="col-2">
Message:<br /><textarea cols="" name="message" required rows=""></textarea>
<div class="alignright"><a href="#" onClick="document.getElementById('contacts-form').reset()" class="more"><strong>clear</strong></a> <a href="#" onClick="document.getElementById('contacts-form').submit()" class="more"><strong>send message</strong></a> </div>
</div>
</div>
</form>
It just sends the form without validating the email address, Any help would be wonderful. Thanks Hi, Does anyone know how to get in contact with a moderator since the contact form is crap and doesn't work. It tells me I've entered the wrong Security id even thought there is none on the contact page. cheerz Hello, i achieved to make a neat form and all seemed to be working well. Well.. untill I tested with IE. It seems that on page 3. (The page with the 12 audio clips) When the user clicks to Submit the answers. IE fails to cooperate and proceed to the next page. Whereas Chrome and FF follow like normal.. IE does not. Is it something ive missed? Ive tested this in all IE versions 6 7 8 and 9. All fail at the same button. The form and source code can be seen here Thanks for reading. I am looking to sell -shirts on Ebay and I would like to be able to point customers to my ebay store by links on the auction page similar to this seller here. http://<br />
http://cgi.ebay.com/C...QQcmdZViewItem Can someone tell me how to create something similar to what this seller has posted at the top where the blinking letters read Click on your size with the shirt sizes just to the right of that? Thank you! How do you pick a minimum resolution for the website? Such as the width? Whats the current standard for browsers today would you say most people have today, 1000px wide would be a good guess? Ash Hi All, I'm a co-founder of an organization by the name of CLEAN Education, I am responsible for the web site because I'm pretty tech savvy. The site is he www.cleaneducation.org I'm currently cleaning the website to try to make it much more functional for me to update and make it consistent on multiple browsers. Question: How can I make a template? Currently when I want to alter part of the non individual page specific parts (such as the right column that is for recent news) I have to go through each and every page to alter it. Can I make a a template that has everything other than the center white part that is page specific and then somehow call on the content for the page specific part for each page? Altering 10-15 pages on a weekly basis is becoming tedious. Thanks all ok so im a rtard with computers and im tring to be a webmaster lol. i got stuff like this http://adultfriendfinder.com/go/g1293359-ppc that im wondering if i can make it a link in email or on my friend finder profile or in a setting like this. and what about **** like this <script type="text/javascript" src="http://banners.cams.com/go/page/js_ad_pop?plain_text=1&skip_lpo=1&win_width=1024&win_height=768&page=model&pid=g1293359-pct&lang=english" charset="iso-8859-1"></script> What do you use to create a website??? HTML editors WordPress notepad ++ HTML kit Dreamweaver cs3 Hi everyone, I am a new member of the forum. It is very pleasant for me to be in this forum. I read in the HTML for Dummies book and see the instruction of creating a background for the Website: "If you like backgrounds that provide a veritcal band down one side, you can create those backgrounds by making very short (just a few pixels) and very wide (at least 1280 pixels) images that look like a cross-section of the background effect you want. That image, after you tile it, produces aband down the side of the monitor" I don't really know how to do the background like the instruction above. Can anyone give me some advice to do it? Thanks a lot. How do you create a box, table, sidebar, or whatever you call it on the side of your webpage to place links to other pages on your site, so that it is separated from the body of your webpage? Obviously I am new to webpage creation and HTML, so any help is appreciated |
|||||||