|
HTML - Html Form Conditional Fields
Hi all,
I need your help. I have created an HTML web form that's processed by a PHP script. It works absolutely fine but I now need to do add a couple of conditional fields on this in this HTML Form which I don't know how to. The first field in the form is Presenter's Name. Underneath this field, I want to have a checkbox stating "Click here if additional Presenters". As soon as this option is checked off, a new input text field should appear underneath it and at the bottom of the form, a text box should appear for additional presenter's bio. How do I do that? Thanks a trillion in advance for your help. Similar TutorialsHi everyone, just wondering if anyone could help me with a problem I'm having making an HTML form? I have been following directions on this website: http://www.w3schools.com/html/tryit....ryhtml_select2 and learned to make a drop down box to my form. So far, this is it: HTML Code: <form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"><br> Artist: <select name="artist"> <option value="the minutemen">The Minutemen</option> <option value="Planet Smashers">Planet Smashers</option> <option value="crass">Crass</option> <option value="Madonna">Madonna</option> <option value="the misfits">The Misfits</option> Album: <select name="album"> <option value="album">album</option> </select> </form> So what I want to do now, is have it so if the user clicks on Madonna under the "artist" drop down box, the "album" drop down box will let the user select one of Madonna's albums, but only hers (not any of the other artists' albums). And if the user clicks "Crass" then the "album" drop down box will change and only show Crass' albums, etc. Is there a way to do this in HTML? I am designing the site using notepad (no dreamweaver or anything) and I am running WinXP. My browser is Firefox. I don't really know anything about forms. Thanks for your time! Hi there, I have created a basic HTML Form but wish to make some fields mandatory. What code do i use to make the fields mandatory Thanks In advance Richard i have two radio boxes in a jsp using html and i want to make one checked based on a condition. I can do that in php but i don't know how to do that using jsp. Can anyone help me. out.println("<tr><td>Billing Model"); out.print("<tr><td><input type='radio' name='appStatusDescription'value='0' >Prepaid<br>"); out.print("' </td>"); out.print("<td><input type='radio' name='appStatusDescription'value='1'>Postpaid<br>"); out.print("' </td></tr>"); These are the two radio buttons and based on the return value of this i want either one of them checked <%if((app.getBillingModel)==0){%>prepaid checked<%}%> Hi, Im not very fluent in html, and im trying to do a very simple task. I've been browsing google and multiple forums including this one for a while trying to figure out this basic code but having no luck. I believe i may need to use javascript for this. What i'm trying to accomplish is: - Have visitors enter a confirmation code into a text box - If they enter the right code they get sent to my members page - If they enter the wrong code they get sent to an error page Pretty simple I know, but i cant seem to figure this out. i read this, and this code is the best i came up with so far, but i get an error when i run it. "Method Not Allowed " Here is the code i am using Code: <head>
<script type="text/javascript">
function validate_required(Password1)
{
with (Password1)
{
if (value=="password")
{
// i want to navigate to a members page here
}
else
{
// i want to navigate to an error page here
}
}
}
</html>
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
</head>
<body>
<form method="post">
<input name="Password1" type="password" /><input name="Submit1" type="submit" value="submit" /></form>
</body>
suppose i have a form in which all the information are asked about a person. if person is male then the fields which are meant for female should be locked.. and same with vice versa... so please tell me how i can do that in html????? Hi All, I have 2 buttons that need to be placed side by side and link to Paypal. I have used the "display:inline" on both forms and with the fields I need to hide, the "type=hidden" When I view the page in Firefox all looks, but in IE, although the hidden fields are hidden, they are still taking up space. So the two buttons are not sitting next to each other, there is a big gap where the 'hidden' layers would be. Anyone have any ideas how I can get around this? Many thanks Forgive me if this seems like a stupid question but I need help... I'm trying to do a simple online form that emails me the results from a few fields. Here is the code: Code: <form action="http://cm1web1/WebSurveyComponents/script/processform.asp" method="post">
<!-- Mandatory "hidden" objects -->
<p>
<input type="hidden" name="strInputElements" readonly value="Suggestion">
<input type="hidden" name="strInputElements" value="Name">
<input type="hidden" name="strInputElements" value="Email">
<input type="hidden" name="strInputElements" value="Business Unit">
<input type="hidden" name="intSendMode" readonly value="0">
<input type="hidden" name="strSendParms" readonly value="mark@website.com,CSPS Intranet
Suggestion Box">
Name:
<input type=text name="Name">
<br>(optional, but required if you would like a response to your comments or suggestions)</p>
<p>Email:
<input type=text name="Email">
<br>(optional)
</p>
<p>Business unit:
<input type=text name="Business Unit">
<br>(optional)
</p>
<p>
<textarea name="Suggestion" rows="12" cols="40">Write your feedback or suggestion here</textarea>
<br>
<br>
<input name="Send" type="submit" value="Send">
<input name="Clear" type="reset" value="Clear">
</p>
<p>(Unless you fill in your name and/or email, this form is completely anonymous)</p>
</form>
And the email I receive looks like this... Field = Suggestion Response = Write your feedback or suggestion here Field = Name Response = Field = Email Response = Field = Business Unit Response = The "Suggestion" field works fine, but the Name, Email and Business Unit fields all come through with blank responses. Any ideas? Thanks! Mark I have a problem with my mandatory fields in the fact that i know not on how to make them mandatory. normally on a web page mandatory fields are yellow or sometimes other colours, and the non-mandatory fields are normally white. well i do have 3 yellow boxes on my page and then the rest are white, but the yellow boxes are not mandatory! I would like them to be but they are not. any help on how to make fields mandatory? http://prokix.com/OnlineRegistration.htm is the webpage Hi all, I have an exam form wherein a student fills up all the details of the exam ad clicks on submit. The data is stored in an access database. I need to send all the fields in the form to an address specified in the form field as well as a confirmation email to a specific address. Please let me know how do i resolve this Regards, Nimish. I'm stuck. I've got a form up, just about ready to go public, but I need to set it so that certain fields are required. In the past I've done this without any problem... Usually using just a hidden field, value="required" and listing the fields that are required. But, for some reason, it's not working on this form. Here's the form: http://www.weddingsbybelles.com/contact/survey.htm Quick fix? Is there another easy alternative? Any idea why my old standby stopped working? Is there a way to insure that all form fields are reset to empty or default values upon entry to the page that contains the form? I'm asking this because if someone has already submitted a form and arrives at the next screen, that form has already been logged. If they go back, it gets logged again and I don't want that. I would prefer that the solution would involve HTML &/or PHP because many people have Java script disabled. But, if it can't be done with HTML or PHP, then so be it. I'll have to use Javascript. My first thought was to somehow disable the "Back" button but that is probably offensive to many, and I wouldn't want to alienate anyone. Maybe someone on this forum might have the answer to my question or may be able to suggest another approch I could use. Thanking you in advance, Roy Hello Does anyone knows since when (or which html version) it is allowed to define form input names as arrays such as: ex: <form ...> <input name="MyArray[email]" /> <input name="MyArray[phone]" /> </form> I am trying to amend an existing form so that some fields are mandatory. So far this is what I've have on the script right before </head> tag: Code: <script type="text/javascript">
function checkForm(frm){
msg = "";
if(!frm.name.value){
msg += "- Name is required\n";
}
if(!frm.phone.value){
msg += "- Phone is required\n";
}
if(!frm.email.value){
msg += "- Email is required\n";
}
if(msg != ""){
alert(msg);
return false;
}
}
</script>
and on at the begining of the form itself I have: Code: <form id="form1" name="form1" method="post" action="contact1.php" onsubmit="return checkForm(this)">
<input type="text" name="name" id="name"><br>
<input type="text" name="email" id="email" style="margin-top:3px "><br>
<input type="text" name="phone" id="phone" style="margin-top:3px "><br>
But when I get the form back on my test email all the fields are empty! Here here my contact.php: PHP Code: <? $subject="Booking Table from ".$_GET['name'] ; $headers= "From: ".$_GET['email']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("contactatalexotero.co.uk", $subject, " <html> <head> <title>Book Table</title> </head> <body> <br>Phone Number ".$_GET['phone']." <br>Number of people ".$_GET['people']." <br>Where? ".$_GET['where']." <br>Time ".$_GET['time']." <br>Date ".$_GET['day']."/ ".$_GET['month']."/ ".$_GET['year']." <br>Message ".$_GET['message']." </body> </html>" , $headers); echo ("Your message was successfully sent! We will contact you shortly to confirm your table!"); ?> <script> window.close </script> What do I do wrong? Please help me Hello, On a form I'm working on, I've set up the address fields as required. However, if the user selects the "International Residence" option, I'd like the address fields to be not required. Could someone point me in the right direction? Thanks a bunch, Mike I've honest to god looked for 2 days for tutorials and pre set up scripts for this but cannot understand any of it. could someone please make all of my friends required, except for the radio buttons. i just need at least one of them selected. id really appreciate it. thank you. Quote: <form name="_xclick" action="https://www.paypal.com/us/cgi-bin/webscr" onSubmit="return emailCheck()" method="post"> <input type="hidden" name="cmd" value="_xclick"> <input type="hidden" name="business" value="boxer_347@yahoo.com"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="item_name" value="Personal Plan"> <center> <table> <tr> <td> <input type="hidden" name="on1" value="name"><font size="2"><b>First Name:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Your first name)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="account"><font size="2"><b>Account Name:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Register a cPanel username)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="password"><font size="2"><b>Password:</b></font></td> <td> <input type="password" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Register a cPanel password)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="email"><font size="2"><b>Email Address:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Email address we can contact you at)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="domain"><font size="2"><b>Domain:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2"> (Optional)</font><br><font size="2" color="#666666">(Domain you wish to link to us)</font></td> </tr> </table> </center> <br> <center> <table> <tr> <td> <input type="radio" name="amount" value="1.00"><b>1 Month - $1.00</b> </td> </tr> <tr> <td> <input type="radio" name="amount" value="2.70"><b>3 Months $2.70 (Save 10%)</b> </td> </tr> <tr> <td> <input type="radio" name="amount" value="4.92"><b>6 Months - $4.92 (Save 18%)</b> </td> </tr> <tr> <td> <input type="radio" name="amount" value="9.00"><b>1 Year - $9.00 (Save 25%)</b> </td> </tr> </table> </center> <center> <br> <table> <tr> <td> <input type="checkbox" name="agree" value="tos"> I agree to the <a STYLE="text-decoration:none" href="tos.html"><font size="2" color="#3999FF">Terms of Service</font></a> </td> </tr> </table> <br> <table> <tr> <td> <input type="image" src="https://www.paypalobjects.com/WEBSCR-480-20070831-2/en_US/i/btn/btn_buynowCC_LG.gif" style="float:right;" border="0" name="submit"> </td></tr> </table> </center> </form> The contactus page currently sends data to 3 email addresses. I dont verify these fields currently but wish to do so. I merely have them sent to feedback.php which accepts the data and sends the emails. I want two things done where I need help: 1, I need all fields to be validated in the contactus page itself before going to the feedback.php file 2, I want a simple captcha that can also be verified on contactus.php itself. Can someone help? Thanks Navs We currently have a feedback form (feedback.php) that is used in our contactus page. This gets sent to three email address. I now want to add a captcha to it and create a verification for all the fields in the contactus page itself Hi guys, I am working on a site and one of the pages has a weird issue. Sometimes, you cannot click in to: First name: Last name: E-mail: Phone : It is weird, as it usually affects 2 fields at a time and appears to happen randomly. Occurs in IE7 and Konqueror (KDE browser), but not in Firefox. If someone could tell me what is causing the problem, that would be perfect! The page in question is: http://www.premiumdjs.com/contact.php Thanks! Hello, I want to display users information into form fields if they are logged in. Is it possible to retrieve the data from mysql and display it in the form widgets ? Or should I create a complete new page ? (I would like user to be able to modify the text and automatically submit it to mysql). thanks I have created a nice Newsletter Registration form, but I would really like to modify the form so that instead of displaying the browsers default images for text fields, checkboxes, etc, I want it to display my images that I have created. Is this possible without stepping into flash? Thanks Guys! -NH |
|||||||