myContactForm.com - Help Forum

[esharris]

I tried putting the following code into my wikispaces.com site. I got the following message.

The HTML you have entered is not valid HTML: Syntax of value for attribute id of input is not valid

I was told that the problem is with the IDs that contain [ and ].

The HTML specification says that:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

What is the easiest workaroud?

<!-- Begin myContactForm.com Form HTML -->
<form name="contactForm" method="post" action="http://www.mycontactform.com/sendform/sendform.php">
<input name="user" type="hidden" id="user" value="esharris"><input name="formid" type="hidden" id="formid" value="95815"><input name="subject" type="hidden" id="subject" value="spring contact info">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF"><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Arial">Player name<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Arial"><input name="q[8]" type="text" id="q[8]" value="" size="30" maxlength="150" class="fieldstyle"></font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Arial"> E-mail Address:<font color="#FF0000"> *</font></font></td><td><input name="email" type="text" id="email" size="20" maxlength="100" class="fieldstyle"></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Arial">Age<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Arial"><select name="q[9]" id="q[9]" class="fieldstyle"><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></select></font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Arial">Birth Month<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Arial"><select name="q[10]" id="q[10]" class="fieldstyle"><option value="JAN">JAN</option><option value="FEB">FEB</option><option value="MAR">MAR</option><option value="APR">APR</option><option value="MAY">MAY</option><option value="JUN">JUN</option><option value="JUL">JUL</option><option value="AUG">AUG</option><option value="SEP">SEP</option><option value="OCT">OCT</option><option value="NOV">NOV</option><option value="DEC">DEC</option></select></font></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Arial">Birth Day<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Arial"><select name="q[11]" id="q[11]" class="fieldstyle"><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><option value="31">31</option></select></font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Arial">Birth Year<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Arial"><select name="q[12]" id="q[12]" class="fieldstyle"><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option></select></font></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Arial">Parent Name:<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Arial"><input name="q[1]" type="text" id="q[1]" value="" size="30" maxlength="150" class="fieldstyle"></font></td></tr><tr bgcolor="#FFFFFF"><td colspan="2"><font color="#000000" size="2" face="Arial">Address:</font></td></tr><tr bgcolor="#FFFFFF"><td colspan="2"><font color="#000000" size="2" face="Arial"><textarea name="q[2]" cols="30" rows="3" class="fieldstyle"></textarea></font></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Arial">City:</font></td><td><font color="#000000" size="2" face="Arial"><input name="q[3]" type="text" id="q[3]" value="" size="20" maxlength="150" class="fieldstyle"></font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Arial">State:<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Arial"><select name="q[4]" id="q[4]" class="fieldstyle"><option value="VA">VA</option><option value="MD">MD</option><option value="DC">DC</option></select></font></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Arial">Zip:</font></td><td><font color="#000000" size="2" face="Arial"><input name="q[5]" type="text" id="q[5]" value="" size="15" maxlength="20" class="fieldstyle"></font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Arial">Phone:</font></td><td><font color="#000000" size="2" face="Arial"><input name="q[6]" type="text" id="q[6]" value="(xxx) xxx - xxxx" size="30" maxlength="150" class="fieldstyle"></font></td></tr><tr><td colspan="2"><hr size="1"></td></tr>
<tr><td colspan="2"><input name="submit" type="submit" value="Submit"> <input name="reset" type="reset" value="Reset"> <input type="button" value="Print" onClick="window.print()"> </td></tr>
<tr><td><font color="#FF0000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><b>*</b></font> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">Required</font></td><td align="right"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://www.mycontactform.com"><strong>Create Email Forms</strong></a></font></td></tr>
</table></td></tr></table></form>
<!-- End myContactForm.com Form HTML -->

[mycontac]

Our code is fine and will work in any web browser. Unfortunately, we do not have a solution to get it to work within wikispaces.

Nick Ladd
myContactForm.com