salve a tutti
ho un form semplice con campi "nome e cognome" e "email", a cui, tramite la selezione del pulsante radio corrispondente a "richiesta di disponibilità" devono apparire in blocco le altre voci che ho racchiuso in <!-- Campi da aggiungere dinamicamente -->. l'utilizzo del pulsante radio può essere sostituito anche da altro anche da due bottoni l'importante è avere la possiilità di scegliere. il sito è in html5, ho cercato sul forum e penso che la cosa più simile alle mie esigenze sia:
http://forum.html.it/forum/showthrea...hreadid=848168
ma non riesco ad adattarlo, sono proprio in difficoltà! potreste inidicarmi una soluzione di facile adattamento al mio form? grazie!
codice:<input name="Richiesta Info" type="radio" value="Richiesta informazioni" checked="checked" /> Richiesta informazioni<br /> <input name="Richiesta disponibilita" type="radio" value="Richiesta disponibilita" /> Richiesta disponibilità <form action="#" method="post"> <input type=hidden name="recipient" value="#"> <div> <div class="row half"> <div class="6u"> <input type="text" class="text" name="Nome e Cognome" placeholder="Nome e Cognome" required /> </div> <div class="6u"> <input type="text" class="text" name="email" placeholder="email" required /> </div> </div> <!-- Campi da aggiungere dinamicamente --> <div class="row half"> <div class="6u"> <input type="text" class="text" name="Telefono" placeholder="Telefono" required /> </div> <div class="6u"> <select name="Numero Persone" class="text" > <option value="Numero Persone" selected="selected">Seleziona Numero Persone</option> <option value="2">1</option> <option value="3">2</option> <option value="3">3</option> <option value="3">4</option> <option value="3">5</option> </select> </div> </div></div> <div class="row half"> <div class="6u"> <input name="Data di arrivo" type="text" class="text" id="pickDateIn" value="Scegli la data di arrivo*" required > Apri calendario <img src="images/calendar_icon.png" alt="Apri calendario" onClick="calendar.doo.display( document.getElementById('pickDateIn') )" /> </div> <div class="6u"> <input name="Data di partenza" type="text" class="text" id="pickDateOut" value="Scegli la data di partenza**" required > Apri calendario <img src="images/calendar_icon.png" alt="Apri calendario" onClick="calendar.doo.display( document.getElementById('pickDateOut') )" /> </div> </div> <!-- Fine campi da aggiungere dinamicamente --> <div class="row half"> <div class="12u"> <textarea name="Messaggio" rows="4" placeholder="Messaggio"></textarea> </div> </div> <div class="row"> <div class="12u"> <input type="submit" class="button" value="Invia Messaggio" /> </div> </div> </div> </form>