|
HTML - Form Legend Problem
Cant figure out whats wrong here. When the page is loaded, the legend doesnt appear on top of the form like it should. It displays itself inside the form instead. Suggestions?
Code: <form method="post" action="mailto:espngear@yahoo.com" name="form" onsubmit="return validate_form ( );"> <fieldset> <legend>Ask Us!</legend> <b>Your Name:</b> <input name="yourname" type="text" size="25"/> <p><b>How may we contact you?</b> <font size="1" face="arial">* Enter contact information in both fields</font></p><b> E-mail:</b> <input name="email" type="text" size="25"/> <b>Phone:</b> <input name="phone" type="text" size="25"/><br/><br/> <b>Question Type:</b> <select name="questiontype"> <option selected="selected">Select</option> <option>General/Service Question</option> <option>Pricing</option> <option>Printing Job</option> </select> <font size="1" face="arial">*This specifies what you're asking</font><br/><br/> <b>Your Question:</b><br/><br/> <textarea name="questionbox" cols="55" rows="10" onclick="document.form.questionbox.value='';">Type your question here</textarea><br/><br/></fieldset> <input type="submit" value="Send" class="buttons" onClick="return checkmail(this.form.email)"/> <input type="reset" value="Clear Form" class="buttons"/> Similar Tutorialshi everybody. can i use fieldset/legend out of the form with an image in the "legend"? it's ok and validator says so but i wonder should i realy use it? thanks Hey guys.. its been a while. Hope everyone has been well. Anyways I'm trying to help out a friend with their site which is located at http://www.centerforholistichealth.com Anyways if you look at the left most column near the bottom with the form for signing up for the monthly newsletter is you will see a legend/fieldset box, for some reason the box is coming out of bounds. Anyone have any ideas on how this might be corrected so that is stays within its bounds. Thanks as always, Eric Does anyone know how to put (or if it's possible) form buttons into the legend of a field set? I tried searching but not really found much. The following snippet resulted in the text for the legend and the button from the form residing just inside the fieldset and not actually in the legend it self. The border of the fieldset then remained unbroken around the content of the fieldset: Code: <fieldset id="fieldset1"> <form action="nrt.php" method="post"> <input type="hidden" name="c_name" value="$c_name[0]" /> <legend> Editing page for class: <i>$c_name[0] <button id="button-submit_4" type="submit">(edit)</button> </i> </legend> </form> It's really annoying because the page would look pretty damn neat if I could get the button in the legend. Any help here or anything would be very much appreciated <fieldset> <legend align="left">Logo</legend> <textarea cols="111" rows="3"><center><img src="images/logo.gif"></center> </textarea> </fieldset> The legend appear ok, but for some reason the initial text contained within the textarea isn't displayed - how do i fix this? www.bkriegtech.net/?page=contact no longer checks for the required fields... what would cause this? Hi all I am having problem with form tab, please see http://www.cmela.com/ it looks good in FF but in IE after header it showing space, at the moment form tag is outside of the table tag, if i put form tag like this. <table> <form> <tr> <td> </td> </tr> </form> </table> this works fine but it shows errors in w3c validation any idea Ok I have a page with multiple forms on it. All the forms are coded like this. <form action="indexreport.cfm?fuseaction=casereport" etc. etc. But for some reason one of the forms I had to code like this in order to make it work. <form action="/sales/indexreport.cfm?fuseaction=demoreport" etc. etc. Why in the world did just this one form require me to add the directory like that. All the other forms are working just fine without it. This has been vexing me all weekend, I really hope somebody can crack this one.. Thanx!! Working on the next version of my site... Can't get any of the forms to align, example: www.bkriegtech.net/2008/?page=contact I hate to beat a dead horse here.. but I just redid a contact form adding a captcha, and now nothing aligns right, and I can't seem to fix it. Can somebody fix if they have a moment? Thanks a million! The URL is www.bkriegtech.net/?page=contact creating a form but having a problem with the "checked" attribute. According to the book, this html below is correct but on the page, the other option "wholebean" is always checked when reloading the page, where's the problem please? Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>The Starbuzz Bean Machine</title> </head> <body> <h1>The Starbuzz Bean Machine</h1> <h2>Fill out the form below and click submit to order</h2> <form action="http://www.starbuzzcoffee.com/processorder.php" method="POST"> <p> Choose your beans: <select name="beans"> <option value="House Blend">House Blend</option> <option value="Bolivia">Shade Grown Bolivia Supremo</option> <option value="Guatemala">Organic Guatemala</option> <option value="Kenya">Kenya</option> </select> </p> <p>Type: <br /> <input type="radio" name="beantype" value="whole" />Whole bean <br /> <input type="radio" name="beantype" value="ground" checked="checked" /> Ground </p> <p>Ship to: <br /> Name: <input type="text' name="name" /> <br /> Address: <input type="text> name="address" /> <br /> City: <input type="text" name="city" /> <br /> State: <input type="text" name="state" /> <br /> Zip: <input type="text" name="zip" /> <br /> </p> <p> <input type="submit" value="Order Now" /> </p> </form> </body> </html> Hi, I'm not sure if my question is posted in the correct section, I hope so. I wonder if somebody can help me. I have generated an opt-in form from Imnica Mail(Autoresponder). I put the code in a textbox widget in the sidebar using Wordpress. I want to add two things in the generated code - an image just above the First name textbox, and a text saying "Privacy: We respect your privacy." under the button. I don't know what I'm doing wrong, they do not show. I have copied the code below. I would be very grateful if you could help me. Thanks. <DIV class=o-form> <DIV class=o-form-header> <H3 id=o-form-title>Mail List Subscription Form</H3> <P id=o-form-description> Please fill in and submit the form below to subscribe to our mailing list.</P></DIV> <img src = "http://mysite.com/wp-admin/media.php?attachment_id=88&action=edit"> <FORM accept-charset=UTF-8 method=post action= http://www.imnicamail.com/v4/subscribe.php> <DIV class=o-form-row><LABEL for=FormValue_CustomField7891>First Name</LABEL><INPUT id=FormValue_CustomField7891 type=text name= FormValue_Fields[CustomField7891]></DIV> <DIV class=o-form-row><LABEL for=FormValue_EmailAddress>Email Address</LABEL><INPUT id=FormValue_EmailAddress type=text name= FormValue_Fields[EmailAddress]></DIV> <INPUT id= FormButton_Subscribe value=Subscribe type=submit name= FormButton_Subscribe><INPUT value=7093 type=hidden name= FormValue_ListID><INPUT id=FormValue_Command value=Subscriber.Add type=hidden name=FormValue_Command> <p> Privacy: We respect your privacy.</p> </FORM> <STYLE type=text/css media=screen>.o-form{background- color:#FFF4ED;border:1px solid #814913;} .o-form form{margin:0px;padding:0px;} .o-form .o-form-header{background-color:#814913;padding:9px;} .o-form h3{color:#fff;font-family:Arial,sans-serif;font- size:18px;line-height:18px;margin:0px;padding:0px;} .o-form p{color:#fff;font-family:Arial,sans-serif;font- size:12px;line-height:18px;margin:0px;padding:0px;} .o-form .o-form-row{margin-top:9px;padding:0 9px;} .o-form .o-form-row label{color:#814913;font-family:Arial,sans- serif;font-size:12px;display:block;font-weight:bold;} .o-form input[type="text"]{border:1px solid #814913;color:#814913;padding:5px 7px;} .o-form input[type="submit"]{margin:20px 9px 18px 9px;}</STYLE> </DIV> I am building my first site for my buisness. I am building the site from a template. There is a contact form I want to use and I am having problems with getting it to work. When I test and submit the form I get the email, but there is no information from the input fields. The thank you redirect is working ok. The email comes in blank with no text from the input fields. This is my first time setting up a email form. I have spent hours searching and I have finally raising the white flag and going to ask the pro's here. You can find the contact page here. http://www.elitemechanicalplumbing.com/contact_us.html Thank you <form action="http://www.startlogic.com/scripts/formemail.bml" id="form"><input type="hidden" name="thankyou_url" value="http://www.jjplumbinghvac.com/thank_you_contact.html"/> <div class="container1"> <div class="h"><input type="text" value="Enter your name" onblur="if(this.value=='') this.value='Enter your name'" onfocus="if(this.value =='Enter your name' ) this.value=''" /></div> <div class="h"><input type="text" value="Enter your e-mail" onblur="if(this.value=='') this.value='Enter your e-mail'" onfocus="if(this.value =='Enter your e-mail' ) this.value=''" /></div> <div class="h"><input type="text" value="Enter your phone" onblur="if(this.value=='') this.value='Enter your phone'" onfocus="if(this.value =='Enter your phone' ) this.value=''" /></div> <div class="h"><input type="text" value="Enter subject" onblur="if(this.value=='') this.value='Enter subject'" onfocus="if(this.value =='Enter subject' ) this.value=''" /></div> <textarea rows="40" cols="30" onblur="if(this.value=='') this.value='Enter message'" onfocus="if(this.value =='Enter message' ) this.value=''" >Enter message</textarea> <div class="container"> <div class="fright"> <a href="#" class="link-1" onclick="document.getElementById('form').reset()">Reset</a> <div class="indent-2"><a href="#" class="link-1" onclick="document.getElementById('form').submit()">Submit</a></div> </div> </div> </div> <input type="hidden" name="my_email" value="test@jjplumbinghvac.com"/> </form> This is my first form so to speak and i am having a problem. I am trying to have the form data send to an email address when the user clicks submit. However, when i tested it i receive a Postdata.att file...instead of the form data in an email. I dont know what i am doing wrong. Is there an easier way to do this. I would greatly appreciate some help! Here is my code: form id="form1" name="form1" method="post" action="mailto:caleb@meshowventures.com"> <label>Full Name:<br /> <input type="text" name="Fullname" size="50" value="" /> </label><p> <label>Email Address:<br /> <input type="text" name="Email" size="50" value=""/> </label><p> <label>Interests:<br /> <textarea name="comment" rows="6" cols="40"></textarea> </label><p> <label>Would Like a Yard Sign: <input type="radio" name="YardSign" value="Yes"/> </label><p> <INPUT TYPE="submit" value="Submit"/> <INPUT TYPE="reset" value="Reset"/> </form> Hi I have designed a form using MS publisher. When i post it to my web site all it does is give me an error ( 404 page not fond ). could something wrong in my form or is it my web site. I want the data to be saved on the same page that the form is at. I did convert this to HTML be for add it to my web site. Thanks paul I am trying to make a form which has some Yes/No radio button options such as are you over 18? The code that I am using is shown below. Each radio button in the age group has a label next to it stating what the value of the button is. In addition to this I want to include the question "Are you over 18?" which I am presuming is another <label>. However what do i put for the for="???" bit because the two radio buttons which it is associated have different ids (ageY and ageN). Can someone advice me on how best to approach this problem in terms of accessibility please? Code: <fieldset> <legend>Personal Details</legend> <label for"???">Are you over 18?</label> <input type="radio" name="age" id="ageY" value="Yes" /> <label for="ageY">Yes</label> <input type="radio" name="age" id="ageN" value="No" /> <label for="ageN">No</label> </fieldset> So i have a form i am trying to email when you click submit, but i don't like the way the mailto function works. So i am trying to use php to email the form. Then have the user directed to a thank you page. The problem is when i click send it loads the sendmail.php page but its just a blank page and nothing happens. I can't figure out how to fix it. All help is appreciated, thanks. I have the form i am trying to email: Quote: <form method="post" action="sendmail.php"> <font face="Myriad Pro"><b>Name:</b></font><input type="text" size="24" maxlength="40" name="name"> <br /> <font face="Myriad Pro"><b>Email: </b></font><input type="text" size="24" maxlength="40" name="email"> <br /> <input type="submit" value="Send"> </form> </font> And then i have the sendmail.php: Quote: <?php $email = $_REQUEST['email'] ; $name = $_REQUEST['name'] ; mail( "*****@gmail.com", "Form send", $name , "From: $email" ); header( "Location: thankyou.html" ); ?> And then i have a simple page that says thank you. Hello, I have created a form, but i have a big problem. I think i make a terrible mistake with the code. I think problem is comming from here, and this is the code where i have doubts: <form action=" mailto:name@somemail.com ?subject=form submission" method="post" enctype="text/plain"> My idea is to receive an email with some information of the next fields, but when i submit the information from the form , my outlook express is opening. How can i fix it and the submited info to go to my email? Thanks !!! Hi Ya, I am trying to validate the telephone number for a form. I would really like some help. You see when i leave the telephone field blank the code error message comes up telling me that i cant leave that field blank. When i then put in illegal characters it says that i used illegal characters but instead of clearing the feild,allowing me to type the correct phone number and then moving onto the getradio if statement it goes to receipt page when the submit button is clicked instead of doing the validate checks first and then moving onto the receipt.html page. This is the problem area. Code:
if (form.phone.value == "")
{
alert("Please enter your telephone number for shipping Information.");
form.phone.focus();
return (false);
}
else
{
validate();
}
if (getRadio("pay") == null)
{
alert("Please choose a payment method.");
return (false);
}
return (true);
}
//--></script>
<script language="javascript">
function validate()
{
if (isNaN(parseInt(this.value)))
{
alert("The phone number contains illegal characters.");
form.phone.focus();
return (false);
}
}
//--></script>
The below code is for the form. Code: <FORM name="information" action="..\..\Cars\GT\receipt.html" method="get" onSubmit=" return form_Validator(this)"> <!-- Tells the button what action to take --> The below code is the full validation check function Code: <!-- This is used to validate the radio buttons to make sure that one of those options are pressed -->
<script language="javascript">
function getRadio(radioName){
var inputs = document.getElementsByTagName('input');
var ret = null;
for(var i = 0; i < inputs.length; i++){
if(inputs[i].type == 'radio' && (inputs[i].name == radioName || inputs[i].id == radioName) && inputs[i].checked){
ret = inputs[i].value;
}
}
return ret;
}
<!-- This is used to validate the text boxes to make sure that an item is written into it -->
<!-- I f the next box remains empty an error message appears -->
function form_Validator(form)
{
if (form.first_name.value == "")
{
alert("Please enter your first name for shipping Information.");
form.first_name.focus();
return (false);
}
if (form.last_name.value == "")
{
alert("Please enter your last name for shipping Information.");
form.last_name.focus();
return (false);
}
if (form.address.value == "")
{
alert("Please enter your address for shipping Information.");
form.address.focus();
return (false);
}
if (form.acode.value == "")
{
alert("Please enter the area code for shipping Information.");
form.acode.focus();
return (false);
}
if (form.phone.value == "")
{
alert("Please enter your telephone number for shipping Information.");
form.phone.focus();
return (false);
}
else
{
validate();
}
if (getRadio("pay") == null)
{
alert("Please choose a payment method.");
return (false);
}
return (true);
}
//--></script>
<script language="javascript">
function validate()
{
if (isNaN(parseInt(this.value)))
{
alert("The phone number contains illegal characters.");
form.phone.focus();
return (false);
}
}
//--></script>
</head>
Hello, I have an trouble with an html form validation called in a div with a javascript code for form validation. I have a main page in which I have a named div(workplace) where I call a html form page. Once the form page is called in the "workplace" div, the form is working, I can submit the entries to the database but the javascript validation doesn't work. But if I open the form in a decicated browser window then the javascript form validation works. I want to use div because everywhere I'm reading that "frames" is the devil and I should use div tag instead. Where could be my trouble? Your help is appreciated. Below there are my main page & form page. Main page html code Code: <html>
<head>
<script type="text/javascript" src="../library/ajax_navagation.js"></script>
<title>My Web page</title>
</head>
<body>
<div id="Menu">
<p><a href="javascript:void(0)" onClick="open_url('../admin/adduser.html', 'workplace');">Add user</a></p>
<p><a href="javascript:void(0)" onClick="open_url('../admin/showusers.php', 'workplace');">Show users</a></p>
</div>
<div id="workplace"></div>
</body>
</html>
Add user form with javascript for form validation Code: <script type="text/javascript">
<!--
function MM_validateForm() { //v4.0
if (document.getElementById){
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
} if (errors) alert('The following error(s) occurred:\n'+errors);
document.MM_returnValue = (errors == '');
} }
//-->
</script>
Add new user
<form action="../ui/admin/adduser.php" method="post" name=adduser onSubmit="MM_validateForm('username','','R','password','','R',);return document.MM_returnValue">
<table width="400" border="0" cellspacing="1" cellpadding="2">
<tr>
<td width="100">Username</td>
<td><input name="username" type="text" id="username">
*</td>
</tr>
<tr>
<td width="100">Password</td>
<td><input name="password" type="text" id="password">
*</td>
<tr>
<td width="100"> </td>
<td> </td>
</tr>
<tr>
<td width="100"> </td>
<td><input name="add" type="submit" id="add" value="Add New User" ></td>
</tr>
</table>
</form>
hi, problem with my code. it does not post to the save.php, the only thing that gets posted to the php file is a ":" can someone help Code: <form method="POST" action="save.php"> <div align="center">
Username: <input type="text" name="username" size="15" /><br /> <div align="center">
Gender: <input type="gender" name="gender" size="15" /><br /> <div align="center">
E-mail: <input type="email" name="email" size="15" /><br /> <div align="center">
<p><input type="submit" value="Sign Up" /></p>
</div>
</form>
|
|||||||