> > I've been having some fun with this :) > I tackled Option B:
> B) use a few Radio Buttons with a multiple choice question... > ... > ...or even submitting the form as soon as the correct answer is entered > (which may work really simply with the radio button idea if it doubles as a > stealth Submit button...) > and came up with the Contact Form on this page: http://www.easydigging.com/Contact/contact_us.html I had to turn off the ENTER key function on the single line entries because hitting ENTER in any of them automatically submitted the form. I used this in the single line "input" code: onkeypress="return event.keyCode != 13;" Not sure if I will keep the incorrect buttons as type="reset" since that may piss off a few customers on small devices that accidently hit the wron buttons. I think it may confuse and avoid a few email bots ;-) Please share any observations or ideas you may have... Here is the HTML code (no JS was needed): <form id="edf" method="post" autocomplete="off" action="http://us.1.p10.webhosting.yahoo.com/forms?login=xxxxxx <view-source:http://us.1.p10.webhosting.yahoo.com/forms?login=bakaspecialtiesllc&confirm=http://easydigging.com/Contact/confirmcontact.html>" > <fieldset> <legend> Contact Form </legend> <label>Message</label> <textarea class="input-block-level" rows="3" name="reporting" id="reporting" maxlength="1000"> </textarea> <span class="help-block"> If you would like us to reply to your message, please provide a good email or phone number. </span> <label>Name</label> <input class="input-block-level" type="text" name="person" id="person" onkeypress="return event.keyCode != 13;"> <label>Email</label> <input class="input-block-level" type="text" name="onlineaddress" id="onlineaddress" onkeypress="return event.keyCode != 13;"> <label>Phone Number</label> <input class="input-block-level" type="text" name="ringer" id="ringer" onkeypress="return event.keyCode != 13;"> <label>Country <small class="muted"> If not USA, we can only email or text you.</small> </label> <input class="input-block-level" type="text" name="ringer" id="ringer" onkeypress="return event.keyCode != 13;"> <div class="form-actions" style=text-align:center; > <label><strong>Click the <u>right answer</u> button below to send your message.</strong> <br />What is 6 + 6 ?</label> <div class="btn-group" data-toggle="buttons-radio"> <button class="btn" type="reset" > 3 </button> <button class="btn" type="reset" > 7 </button> <button class="btn" type="submit" > 12 </button> <button class="btn" type="reset" > 55 </button> </div> <span class="help-block"> Clicking the wrong answer will erase everything. This step helps us avoid automated email bots. </span> </div> </fieldset></form>
