|
HTML - Form Accessibility Problem
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> Similar TutorialsProblem Solved Hi guys, I'm currently working on a site and the customer has asked if i can add a enlarge text feature. I am building the site with the Wordpress system but wanted to get some feedback on the best way to acheive this. Would i need to look for a wordpress plugin do you think? Or is there something out there i can just add into the page template its self. For example can i get something where i just post a simple javascript link into the wrodpress header on the template that allows the visitors to enlarge the text. This is the first time, i've been asked to do this so want to learn the correct way first time around. If it makes the question simplier forget about me using wordpress and if possible give me some ideas on how to do it with a static site. All feedback is appreciated always. Cheers CC_DESIGN A really good article by Lisa Herrod was posted on A List Apart this week... If you thought that you'd covered all accessibility angles with your graphical design - read this and find out how to cater for members of the Deaf community. 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 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> 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!! 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 Working on the next version of my site... Can't get any of the forms to align, example: www.bkriegtech.net/2008/?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> 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 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 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> www.bkriegtech.net/?page=contact no longer checks for the required fields... what would cause this? 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. Hey i'm wrting a simple iphone app (http://geo877.wsnw.net it will kinda run on Firefox and safari. NOT IE) I have a page where the user inputs some data using a form. I was trying to write a script to do the whole flick through page thing (where a users just drags the screen to change page). Anyway, the point is when i put the form into a div tag with the properties of position:relative; you can't click on any of the dropdown boxes or text input, i've read other people have had this problem but it was a pay for answer forum...The same problem happens when i put it in a table edit: It also causes the div or table to be above everything Thanks! <style> .dragme{position:relative;} </style> <div class="dragme"> <table id='mpc' style='display:none;' ><tr><td> <form action="index.php" onsubmit="return validate_form(this);" method="post"> <table> <tr> <td>Amount</td> <td><input type="text" name="amo" size="9" ; /></td> </tr> <tr> <td>Unit</td> <td><select name="unit"> <option value="Oz">Oz</option> <option value="Gram(s)">Grams</option> </select></td> </tr> <tr> <td>Metal</td> <td><select name="metal"> <option value="goldS">Gold Spot Price</option> <option value="silverS">Silver Spot Price</option> <option value="platS">Platinum Spot Price</option> <option value="fineGold">Fine Gold Price</option> </select></td> </tr> </table><p> <center><input type="submit" value="Calculate"/></center> </form> </div> Hi, I have a template with an online form already installed but I need help creating a contact.php file to get the form working and linked to my email address. Here is the code to my online form: PHP Code: <img src="images/sym2.jpg" style="margin-right:5px "><strong class="yellow">Online Contact Form<br> </strong><br> If you have any questions at all please contact us and we'd be glad to help:</div> <div class="yellow" style="margin-left:7px; margin-top:10px "><strong>Name:</strong><input type="text" name="n" style="width:128px; height:19px; font-family:tahoma; font-size:11px; margin-left:7px " onFocus="if(this.value=='Your message')this.value='';"></div> <div class="yellow" style="margin-left:7px; margin-top:4px "><strong>E-mail:</strong><input type="text" name="n" style="width:128px; height:19px; font-family:tahoma; font-size:11px; margin-left:4px " onFocus="if(this.value=='Your message')this.value=';"></div> <div class="yellow" style="margin-left:7px; margin-top:4px "><strong>Your message he </strong></div> <div class="yellow" style="margin-left:7px; margin-top:4px "><textarea type="text" name="n" style="width:169px; height:63px; font-family:tahoma; font-size:11px; overflow:auto"></textarea></div> <div style="margin-top:10px; margin-left:68px "><input type="image" src="images/clear.jpg" style="margin-right:6px "><input name="" type="image" src="images/send.jpg"> Any help or advice would be most appreciated. 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 !!! I'm using Godaddy's gdform.php form mailer for my forms. The forms work perfectly except the validation. I need the visitors to fill in the fields and then submit the information to my email, but the problem is that everyone can submitt even if he doesn't fill in the form. I want all of the fileds to be required. Is there something wrong with the code ? Here it is : <form action="/gdform.php" method="post"> <table align="center"> <input type="hidden" name="subject" value="Form Submission"> <input type="hidden" name="redirect" value="/Add/thankmes.html"> <input type="hidden" name="required" value="YourName, Email, description"> <tr> <td><p><font color=WHITE font size=4>Your Name:</p> </font></td> <td align=center height=50><p><input type="text" name="YourName" size="52"/></p></td> </tr> <tr> <td><p><font color=WHITE font size=4>Your E-mail:</p> </font></td> <td height=50><p><input type="text" name="Email" size="52"/></p></td> </tr> <tr> <td><p><font color=WHITE font size=4>Your Message:</p> </font></td> <td><br><p><textarea name="description" cols="40" rows="5"> </textarea></p></td> </tr> <tr> <td><input type="submit" name="submit" value="Send"/></td> </tr> </table> </form> Dear Friends, I need to sort out this "HTML Form" problem asap. Actually I want to link up the form submit button to my email so that when an user click the submit button of the form, it will staright away submit to my email address without using any outlook or other mail clients. My email address is dev@hss.org and i wanna link up the submit button to it using the below mentioned form... can anyone do that for me ... Please ... Thank you .. Arco <script language='javascript'> function verifyMe(){ var msg=''; if(document.getElementById('Name').value==''){ msg+='- Full Name\n\n';} var email=document.getElementById('Email').value; if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))){ msg+='- Invalid Email Address: '+email+'\n\n';} if(document.getElementById('Email').value==''){ msg+='- Email\n\n';} if(document.getElementById('Country').value==''){ msg+='- Country\n\n';} if(document.getElementById('Problem').value==''){ msg+='- Questions/Problem\n\n';} if(document.getElementById('Newsletter').value==''){ msg+='- Newsletter\n\n';} if(document.getElementById('Prescription').value==''){ msg+='- Medical Prescription\n\n';} if(msg!=''){ alert('The following fields are empty or invalid:\n\n'+msg); return false }else{ return true } } </script> <form name='Doctor' action="htmform.htm"' method='POST' enctype='multipart/form-data' onsubmit='return verifyMe();'> <table class='table_form_1' id='table_form_1' cellspacing='0'> <tr> <td class='ftbl_row_1' ><LABEL for='Name' ACCESSKEY='F' ><b style='color:red'>*</b><u>F</u>ull Name </td> <td class='ftbl_row_1a' ><input type='text' name='Name' id='Name' size='45' value=''> </td> </tr> <tr> <td class='ftbl_row_2' ><LABEL for='Email' ACCESSKEY='E' ><b style='color:red'>*</b><u>E</u>mail </td> <td class='ftbl_row_2a' ><input type='text' name='Email' id='Email' size='45' value=''> </td> </tr> <tr> <td class='ftbl_row_1' ><LABEL for='Country' ACCESSKEY='A' ><b style='color:red'>*</b>Country </td> <td class='ftbl_row_1a' ><input type='text' name='Country' id='Country' size='45' value=''> </td> </tr> <tr> <td valign='top' class='ftbl_row_2' ><LABEL for='Problem' ACCESSKEY='Q' ><b style='color:red'>*</b><u>Q</u>uestions/Problem </td> <td class='ftbl_row_2a' ><textarea name='Problem' id='Problem' cols='35' rows='6' value=''></textarea> </td> </tr> <tr> <td class='ftbl_row_1' ><LABEL for='Newsletter' ACCESSKEY='N' ><b style='color:red'>*</b><u>N</u>ewsletter </td> <td class='ftbl_row_1a' ><select name='Newsletter' id='Newsletter'> <option value='Yes'>Yes</option> <option value=' No'> No</option> </select> </td> </tr> <tr> <td class='ftbl_row_2' ><LABEL for='Prescription' ACCESSKEY='M' ><b style='color:red'>*</b><u>M</u>edical Prescription </td> <td class='ftbl_row_2a' ><input type='file' name='Prescription' id='Prescription' size='45' value=''> </td> </tr> <tr> <td colspan='2' align='right'><input type='submit' name='submit' value='Submit'> <input type='reset' name='reset' value='Reset'><br /> </td> </tr> </table> </form> Working on a web site for my dad's small business. Im temporarily hosting it on Yahoo geocities and the form does not submit to my email as the CGI. I havent learned any server-side languages yet and I dont know how to setup a form submission script. Here is a link to the homepage: http://geocities.com/skalamanga89/espn/ |
|||||||