PDA

View Full Version : Form help

blueman378
07-17-2006, 09:25 AM
ever seen how with a from if you choose one option it will display or hide another question does anyone know how to do it? the code for my form is
<form method="post" action="http://maverick.blakjak.net/cgi-bin/FormMail.pl">
<input type="hidden" name="recipient" value="blueman378@gmail.com" /><input type="hidden" name="redirect" value="http://www.matthewhailwood.co.nr/success"> <div><font color="white">
<h1> Sign up form</h1>
<BR>1) Name:&nbsp;&nbsp;&nbsp;
<input type="text" value="Name" size="32">

<BR>2) Email:
&nbsp;&nbsp;&nbsp;&nbsp;<input name="email" type="text" id="email" value="example@domain.com" size="32">
<BR>
<BR>3) Age:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="Age" size="1" id="Age">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
<BR>
<BR>4) Birthday:
<select name="Age" size="1" id="Age">
<option selected>day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
<select name="Month" size="1" id="Month">
<option selected>month</option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
</select>
<select name="Year" size="1" id="Year">
<option selected>Year</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
</select>
<BR>
<p>5) Hobbies:
<textarea name="Hobbies" cols="31" rows="3" id="Hobbies">List your hobbies here</textarea>
<BR>
<p>6) Other:&nbsp;&nbsp;&nbsp;&nbsp;
<textarea name="Other" cols="34" rows="3" id="Other">any other information about you</textarea>
<BR>
<BR>6) Family:&nbsp;&nbsp;&nbsp;
<textarea name="Family" cols="34" rows="3" id="Family">your family in format: Mum| |32,Dad| |35</textarea>
<BR>

<h2>Profile security</h2>
<BR> Public profile&nbsp;
<input name="Profile" type="radio" value="public">
<br>
Private profile
<input name="Profile" type="radio" value="Private">
<BR>
<BR>||If public skip next question||</p>
<BR>8)
<input name="Password" type="text" id="Password" value="password for your profile" size="32">
<BR>
<BR>
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Reset" value="Reset">
<BR>
<BR><BR>
</div>
</form></font>

www.matthewhailwood.co.nr (http://www.matthewhailwood.co.nr) check it out
_Aerospace_Eng_
07-17-2006, 10:03 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
html, body {
margin:0;
padding:0;
background:#000;
}
</style>
<script type="text/javascript">
function checkProfile()
{
if(document.forms[0].Profile[0].checked)
{
document.getElementById('q8').style.display = 'none';
}
if(document.forms[0].Profile[1].checked)
{
document.getElementById('q8').style.display = 'block';
}
}
window.onload = checkProfile;
</script>
</head>
<body>
<form method="post" action="http://maverick.blakjak.net/cgi-bin/FormMail.pl" style="color:#FFF">
<input type="hidden" name="recipient" value="blueman378@gmail.com">
<input type="hidden" name="redirect" value="http://www.matthewhailwood.co.nr/success">
<div>
<h1> Sign up form</h1>
<br>
1) Name:&nbsp;&nbsp;&nbsp;
<input type="text" value="Name" size="32">
<br>
2) Email:
&nbsp;&nbsp;&nbsp;&nbsp;
<input name="email" type="text" id="email" value="example@domain.com" size="32">
<br>
<br>
3) Age:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="Age" size="1" id="Age">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
<br>
<br>
4) Birthday:
<select name="Age" size="1" id="Age">
<option selected="selected">day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
<select name="Month" size="1" id="Month">
<option selected="selected">month</option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
</select>
<select name="Year" size="1" id="Year">
<option selected="selected">Year</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
</select>
<br>
<div>5) Hobbies:
<textarea name="Hobbies" cols="31" rows="3" id="Hobbies">List your hobbies here</textarea>
</div>
<br>
<div>6) Other:&nbsp;&nbsp;&nbsp;&nbsp;
<textarea name="Other" cols="34" rows="3" id="Other">any other information about you</textarea>
<br>
<br>
6) Family:&nbsp;&nbsp;&nbsp;
<textarea name="Family" cols="34" rows="3" id="Family">your family in format: Mum| |32,Dad| |35</textarea>
<br>
<h2>Profile security</h2>
<br>
Public profile&nbsp;
<input name="Profile" type="radio" value="public" onclick="checkProfile()">
<br>
Private profile
<input name="Profile" type="radio" value="Private" onclick="checkProfile()">
<br>
</div>
<br>
<div style="display:none" id="q8">7)
<input name="Password" type="text" id="Password" value="password for your profile" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue" size="32">
</div>
<br>
<br>
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Reset" value="Reset">
<br>
<br>
<br>
</div>
</form>
</body>
</html>