"Socio Professionista"
Bootstrap 3.0.0 Snippet by robertox85

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-sm-6 col-md-offset-3 col-xs-12"> <div id='progress'><div id='progress-complete'></div></div> <form method="post" id="msform"> <!-- INFO GENERALI --> <fieldset> <legend>Dati Personali</legend> <div class="form-group"> <label class="control-label" for="name1"> Nome </label> <input class="form-control" id="name1" name="name1" type="text"/> </div> <div class="form-group"> <label class="control-label " for="name1"> Cognome </label> <input class="form-control" id="name1" name="name1" type="text"/> </div> <div class="form-group" id="div_radio"> <label class="control-label " for="radio"> Sesso </label> <div class=""> <label class="radio-inline"> <input class="" name="radio" type="radio" value="M"/> M </label> <label class="radio-inline"> <input class="" name="radio" type="radio" value="F"/> F </label> </div> </div> <div class="form-group"> <label class="control-label " for="date"> Data di nascita </label> <input class="form-control" id="date" name="date" placeholder="MM/DD/YYYY" type="text"/> </div> <div class="form-group"> <label class="control-label " for="text"> Indirizzo residenza </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="form-group"> <label class="control-label " for="text"> Comune </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="form-group"> <label class="control-label " for="text"> Provincia </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="form-group"> <label class="control-label " for="email"> Email </label> <input class="form-control" id="email" name="email" type="text"/> </div> <div class="form-group "> <label class="control-label " for="tel"> Telefono </label> <input class="form-control" id="tel" name="tel" type="text"/> </div> <div class="form-group"> <label class="control-label " for="text"> P.IVA </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="form-group"> <label class="control-label " for="text"> Codice Fiscale </label> <input class="form-control" id="text" name="text" type="text"/> </div> </fieldset> <!-- TITOLI DI STUDIO --> <fieldset> <legend>Formazione</legend> <div class="form-group"> <label class="control-label " for="text"> Laurea in </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="row"> <div class="form-group col-md-6"> <label class="control-label " for="text"> Conseguita presso </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="form-group col-md-6"> <label class="control-label " for="text"> Nell'anno </label> <input class="form-control" id="text" name="text" type="text"/> </div> </div> <div class="form-group"> <label class="control-label" for="text"> Altri Titoli Accademici </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="form-group" id="div_radio"> <label class="control-label " for="radio"> Abilitazione? </label> <div class=""> <label class="radio-inline"> <input class="abilitazione" name="radio" type="radio" value="SI"/> SI </label> <label class="radio-inline"> <input class="abilitazione" name="radio" type="radio" value="NO"/> NO </label> </div> </div> <div class="row abilitazione_group"> <div class="form-group col-md-12"> <label class="control-label " for="text2"> Ordine di appartenenza </label> <input class="form-control" id="text2" name="text2" type="text"/> </div> <div class="form-group col-md-6"> <label class="control-label " for="text2"> Provincia di iscrizione all'ordine </label> <input class="form-control" id="text2" name="text2" type="text"/> </div> <div class="form-group col-md-6"> <label class="control-label " for="text2"> Numero di tesserino </label> <input class="form-control" id="text2" name="text2" type="text"/> </div> </div> <div class="form-group "> <label class="control-label " for="text2"> Ultimi ECM frequentati nell'anno solare </label> <textarea name="" id="" cols="78" rows="3"></textarea> </div> </fieldset> <fieldset> <legend>Informazioni Professionali</legend> <div class="form-group "> <div class="form-group" id="div_radio"> <label class="control-label " for="radio"> Professione Sanitaria? </label> <div class=""> <label class="radio-inline"> <input class="professione_radio" name="radio" type="radio" value="SI"/> SI </label> <label class="radio-inline"> <input class="professione_radio" name="radio" type="radio" value="NO"/> NO </label> </div> </div> <div class="professioni_sanitarie"> <label class="control-label " for="select"> Professione </label> <select class="select form-control" id="select" name="select"> <option value="seleziona"> Seleziona </option> <option value="medico"> Medico </option> <option value="professionista_sanitario"> Professionista Sanitario </option> <option value="oss"> OSS </option> </select> </div> </div> <div class="form-group altro_control"> <label class="control-label " for="text"> Professione </label> <input class="form-control" id="text" name="text" type="text"/> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group medico_control"> <label class="control-label " for="text"> Area specialistica principale </label> <div class="row"> <div class="col-md-4"> <label class="checkbox-inline margin-left" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="allergologo"> allergologo </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="anatomopatologo"> anatomopatologo </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="andrologo"> andrologo </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="anestesista"> anestesista </label> <label class="checkbox-inline" for="checkboxes-4"> <input type="checkbox" name="checkboxes" id="checkboxes-4" value="chirurgo vascolare"> chirurgo vascolare </label> <label class="checkbox-inline" for="checkboxes-5"> <input type="checkbox" name="checkboxes" id="checkboxes-5" value="cardiochirurgo"> cardiochirurgo </label> <label class="checkbox-inline" for="checkboxes-6"> <input type="checkbox" name="checkboxes" id="checkboxes-6" value="cardiologo"> cardiologo </label> <label class="checkbox-inline" for="checkboxes-7"> <input type="checkbox" name="checkboxes" id="checkboxes-7" value="chirurgo generale"> chirurgo generale </label> <label class="checkbox-inline" for="checkboxes-8"> <input type="checkbox" name="checkboxes" id="checkboxes-8" value="chirurgo maxillo-facciale"> chirurgo maxillo-facciale </label> <label class="checkbox-inline" for="checkboxes-9"> <input type="checkbox" name="checkboxes" id="checkboxes-9" value="chirurgo pediatrico"> chirurgo pediatrico </label> <label class="checkbox-inline" for="checkboxes-10"> <input type="checkbox" name="checkboxes" id="checkboxes-10" value="chirurgo plastico"> chirurgo plastico </label> <label class="checkbox-inline" for="checkboxes-11"> <input type="checkbox" name="checkboxes" id="checkboxes-11" value="chirurgo toracico"> chirurgo toracico </label> <label class="checkbox-inline" for="checkboxes-12"> <input type="checkbox" name="checkboxes" id="checkboxes-12" value="dermatologo"> dermatologo </label> <label class="checkbox-inline" for="checkboxes-13"> <input type="checkbox" name="checkboxes" id="checkboxes-13" value="diabetologo"> diabetologo </label> <label class="checkbox-inline" for="checkboxes-14"> <input type="checkbox" name="checkboxes" id="checkboxes-14" value="dietologo"> dietologo </label> <label class="checkbox-inline" for="checkboxes-15"> <input type="checkbox" name="checkboxes" id="checkboxes-15" value="ematologo"> ematologo </label> <label class="checkbox-inline" for="checkboxes-16"> <input type="checkbox" name="checkboxes" id="checkboxes-16" value="endocrinologo"> endocrinologo </label> <label class="checkbox-inline" for="checkboxes-17"> <input type="checkbox" name="checkboxes" id="checkboxes-17" value="fisiatra"> fisiatra </label> <label class="checkbox-inline" for="checkboxes-18"> <input type="checkbox" name="checkboxes" id="checkboxes-18" value="gastroenterologo"> gastroenterologo </label> <label class="checkbox-inline" for="checkboxes-19"> <input type="checkbox" name="checkboxes" id="checkboxes-19" value="medico genetista"> medico genetista </label> <label class="checkbox-inline" for="checkboxes-20"> <input type="checkbox" name="checkboxes" id="checkboxes-20" value="geriatra"> geriatra </label> <label class="checkbox-inline" for="checkboxes-21"> <input type="checkbox" name="checkboxes" id="checkboxes-21" value="ginecologo"> ginecologo </label> <label class="checkbox-inline" for="checkboxes-22"> <input type="checkbox" name="checkboxes" id="checkboxes-22" value="infettivologo"> infettivologo </label> <label class="checkbox-inline" for="checkboxes-23"> <input type="checkbox" name="checkboxes" id="checkboxes-23" value="medico d'emergenza"> medico d'emergenza </label> <label class="checkbox-inline" for="checkboxes-24"> <input type="checkbox" name="checkboxes" id="checkboxes-24" value="medico dello sport"> medico dello sport </label> <label class="checkbox-inline" for="checkboxes-25"> <input type="checkbox" name="checkboxes" id="checkboxes-25" value="medico estetico"> medico estetico </label> <label class="checkbox-inline" for="checkboxes-26"> <input type="checkbox" name="checkboxes" id="checkboxes-26" value="medico di base"> medico di base </label> <label class="checkbox-inline" for="checkboxes-27"> <input type="checkbox" name="checkboxes" id="checkboxes-27" value="internista"> internista </label> <label class="checkbox-inline" for="checkboxes-28"> <input type="checkbox" name="checkboxes" id="checkboxes-28" value="medico legale"> medico legale </label> <label class="checkbox-inline" for="checkboxes-29"> <input type="checkbox" name="checkboxes" id="checkboxes-29" value="nefrologo"> nefrologo </label> <label class="checkbox-inline " for="checkboxes-30"> <input type="checkbox" name="checkboxes" id="checkboxes-30" value="neurochirurgo"> neurochirurgo </label> <label class="checkbox-inline" for="checkboxes-31"> <input type="checkbox" name="checkboxes" id="checkboxes-31" value="neurofisiopatologo"> neurofisiopatologo </label> <label class="checkbox-inline" for="checkboxes-32"> <input type="checkbox" name="checkboxes" id="checkboxes-32" value="neurologo"> neurologo </label> <label class="checkbox-inline" for="checkboxes-33"> <input type="checkbox" name="checkboxes" id="checkboxes-33" value="neuropsichiatra infantile"> neuropsichiatra infantile </label> <label class="checkbox-inline" for="checkboxes-34"> <input type="checkbox" name="checkboxes" id="checkboxes-34" value="oculista"> oculista </label> <label class="checkbox-inline" for="checkboxes-35"> <input type="checkbox" name="checkboxes" id="checkboxes-35" value="dentista"> dentista </label> <label class="checkbox-inline" for="checkboxes-36"> <input type="checkbox" name="checkboxes" id="checkboxes-36" value="omeopata"> omeopata </label> <label class="checkbox-inline" for="checkboxes-37"> <input type="checkbox" name="checkboxes" id="checkboxes-37" value="oncologo"> oncologo </label> <label class="checkbox-inline" for="checkboxes-38"> <input type="checkbox" name="checkboxes" id="checkboxes-38" value="ortopedico"> ortopedico </label> <label class="checkbox-inline" for="checkboxes-39"> <input type="checkbox" name="checkboxes" id="checkboxes-39" value="otorinolaringoiatra"> otorinolaringoiatra </label> </div> <div class="col-md-4"> <label class="checkbox-inline margin-left" for="checkboxes-40"> <input type="checkbox" name="checkboxes" id="checkboxes-40" value="patologo clinico"> patologo clinico </label> <label class="checkbox-inline" for="checkboxes-41"> <input type="checkbox" name="checkboxes" id="checkboxes-41" value="pediatra"> pediatra </label> <label class="checkbox-inline" for="checkboxes-42"> <input type="checkbox" name="checkboxes" id="checkboxes-42" value="pneumologo"> pneumologo </label> <label class="checkbox-inline" for="checkboxes-43"> <input type="checkbox" name="checkboxes" id="checkboxes-43" value="psichiatra"> psichiatra </label> <label class="checkbox-inline" for="checkboxes-44"> <input type="checkbox" name="checkboxes" id="checkboxes-44" value="psicologo"> psicologo </label> <label class="checkbox-inline" for="checkboxes-45"> <input type="checkbox" name="checkboxes" id="checkboxes-45" value="radiologo"> radiologo </label> <label class="checkbox-inline" for="checkboxes-46"> <input type="checkbox" name="checkboxes" id="checkboxes-46" value="reumatologo"> reumatologo </label> <label class="checkbox-inline" for="checkboxes-47"> <input type="checkbox" name="checkboxes" id="checkboxes-47" value="senologo"> senologo </label> <label class="checkbox-inline" for="checkboxes-48"> <input type="checkbox" name="checkboxes" id="checkboxes-48" value="sessuologo"> sessuologo </label> <label class="checkbox-inline" for="checkboxes-49"> <input type="checkbox" name="checkboxes" id="checkboxes-49" value="terapista del dolore"> terapista del dolore </label> <label class="checkbox-inline" for="checkboxes-50"> <input type="checkbox" name="checkboxes" id="checkboxes-50" value="urologo"> urologo </label> <label class="checkbox-inline" for="checkboxes-51"> <input type="checkbox" name="checkboxes" id="checkboxes-51" value="psicoterapeuta"> psicoterapeuta </label> <label class="checkbox-inline" for="checkboxes-52"> <input type="checkbox" name="checkboxes" id="checkboxes-52" value="nutrizionista"> nutrizionista </label> <label class="checkbox-inline" for="checkboxes-53"> <input type="checkbox" name="checkboxes" id="checkboxes-53" value="fisioterapista"> fisioterapista </label> <label class="checkbox-inline" for="checkboxes-54"> <input type="checkbox" name="checkboxes" id="checkboxes-54" value="ostetrico"> ostetrico </label> <label class="checkbox-inline" for="checkboxes-55"> <input type="checkbox" name="checkboxes" id="checkboxes-55" value="igienista dentale"> igienista dentale </label> <label class="checkbox-inline" for="checkboxes-56"> <input type="checkbox" name="checkboxes" id="checkboxes-56" value="podologo"> podologo </label> <label class="checkbox-inline" for="checkboxes-57"> <input type="checkbox" name="checkboxes" id="checkboxes-57" value="medico del lavoro"> medico del lavoro </label> <label class="checkbox-inline" for="checkboxes-58"> <input type="checkbox" name="checkboxes" id="checkboxes-58" value="agopuntore"> agopuntore </label> <label class="checkbox-inline" for="checkboxes-59"> <input type="checkbox" name="checkboxes" id="checkboxes-59" value="osteopata"> osteopata </label> <label class="checkbox-inline" for="checkboxes-89"> <input type="checkbox" name="checkboxes" id="checkboxes-89" value="radiologo interventista"> radiologo interventista </label> <label class="checkbox-inline" for="checkboxes-90"> <input type="checkbox" name="checkboxes" id="checkboxes-90" value="dietista"> dietista </label> <label class="checkbox-inline" for="checkboxes-91"> <input type="checkbox" name="checkboxes" id="checkboxes-91" value="ortottista"> ortottista </label> <label class="checkbox-inline" for="checkboxes-92"> <input type="checkbox" name="checkboxes" id="checkboxes-92" value="infermiere"> infermiere </label> <label class="checkbox-inline" for="checkboxes-93"> <input type="checkbox" name="checkboxes" id="checkboxes-93" value="terapista occupazionale"> terapista occupazionale </label> <label class="checkbox-inline" for="checkboxes-94"> <input type="checkbox" name="checkboxes" id="checkboxes-94" value="massofisioterapista"> massofisioterapista </label> <label class="checkbox-inline" for="checkboxes-95"> <input type="checkbox" name="checkboxes" id="checkboxes-95" value="neuropsicomotricista"> neuropsicomotricista </label> <label class="checkbox-inline" for="checkboxes-96"> <input type="checkbox" name="checkboxes" id="checkboxes-96" value="audioprotesista"> audioprotesista </label> <label class="checkbox-inline" for="checkboxes-97"> <input type="checkbox" name="checkboxes" id="checkboxes-97" value="pedagogista clinico"> pedagogista clinico </label> <label class="checkbox-inline" for="checkboxes-98"> <input type="checkbox" name="checkboxes" id="checkboxes-98" value="medico di medicina tropicale"> medico di medicina tropicale </label> <label class="checkbox-inline" for="checkboxes-99"> <input type="checkbox" name="checkboxes" id="checkboxes-99" value="medico di medicina nucleare"> medico di medicina nucleare </label> <label class="checkbox-inline" for="checkboxes-100"> <input type="checkbox" name="checkboxes" id="checkboxes-100" value="dirigente asl"> dirigente asl </label> <label class="checkbox-inline" for="checkboxes-101"> <input type="checkbox" name="checkboxes" id="checkboxes-101" value="chinesiologo"> chinesiologo </label> <label class="checkbox-inline" for="checkboxes-102"> <input type="checkbox" name="checkboxes" id="checkboxes-102" value="massaggiatore capo bagnino"> massaggiatore capo bagnino </label> <label class="checkbox-inline" for="checkboxes-103"> <input type="checkbox" name="checkboxes" id="checkboxes-103" value="posturologo"> posturologo </label> <label class="checkbox-inline" for="checkboxes-104"> <input type="checkbox" name="checkboxes" id="checkboxes-104" value="medico di medicina generale (non ssn)"> medico di medicina generale (non ssn) </label> <label class="checkbox-inline" for="checkboxes-105"> <input type="checkbox" name="checkboxes" id="checkboxes-105" value="tecnico della riabilitazione psichiatrica"> tecnico della riabilitazione psichiatrica </label> <label class="checkbox-inline" for="checkboxes-106"> <input type="checkbox" name="checkboxes" id="checkboxes-106" value="operatore shiatsu"> operatore shiatsu </label> <label class="checkbox-inline" for="checkboxes-107"> <input type="checkbox" name="checkboxes" id="checkboxes-107" value="tricologo"> tricologo </label> </div> <div class="col-md-4"> <label class="checkbox-inline margin-left" for="checkboxes-60"> <input type="checkbox" name="checkboxes" id="checkboxes-60" value="fitoterapeuta"> fitoterapeuta </label> <label class="checkbox-inline" for="checkboxes-61"> <input type="checkbox" name="checkboxes" id="checkboxes-61" value="chirurgo della mano"> chirurgo della mano </label> <label class="checkbox-inline" for="checkboxes-62"> <input type="checkbox" name="checkboxes" id="checkboxes-62" value="chirurgo apparato digerente"> chirurgo apparato digerente </label> <label class="checkbox-inline" for="checkboxes-63"> <input type="checkbox" name="checkboxes" id="checkboxes-63" value="medico biologo"> medico biologo </label> <label class="checkbox-inline" for="checkboxes-64"> <input type="checkbox" name="checkboxes" id="checkboxes-64" value="ayurveda"> ayurveda </label> <label class="checkbox-inline" for="checkboxes-65"> <input type="checkbox" name="checkboxes" id="checkboxes-65" value="biologo molecolare"> biologo molecolare </label> <label class="checkbox-inline" for="checkboxes-66"> <input type="checkbox" name="checkboxes" id="checkboxes-66" value="chiropratico"> chiropratico </label> <label class="checkbox-inline" for="checkboxes-67"> <input type="checkbox" name="checkboxes" id="checkboxes-67" value="chirurgo oncologo"> chirurgo oncologo </label> <label class="checkbox-inline" for="checkboxes-68"> <input type="checkbox" name="checkboxes" id="checkboxes-68" value="chirurgo orale"> chirurgo orale </label> <label class="checkbox-inline" for="checkboxes-69"> <input type="checkbox" name="checkboxes" id="checkboxes-69" value="epatologo"> epatologo </label> <label class="checkbox-inline" for="checkboxes-70"> <input type="checkbox" name="checkboxes" id="checkboxes-70" value="farmacologo"> farmacologo </label> <label class="checkbox-inline" for="checkboxes-71"> <input type="checkbox" name="checkboxes" id="checkboxes-71" value="immunologo"> immunologo </label> <label class="checkbox-inline" for="checkboxes-72"> <input type="checkbox" name="checkboxes" id="checkboxes-72" value="logopedista"> logopedista </label> <label class="checkbox-inline" for="checkboxes-73"> <input type="checkbox" name="checkboxes" id="checkboxes-73" value="medico riabilitatore"> medico riabilitatore </label> <label class="checkbox-inline" for="checkboxes-74"> <input type="checkbox" name="checkboxes" id="checkboxes-74" value="microbiologo"> microbiologo </label> <label class="checkbox-inline" for="checkboxes-75"> <input type="checkbox" name="checkboxes" id="checkboxes-75" value="naturopata"> naturopata </label> <label class="checkbox-inline" for="checkboxes-76"> <input type="checkbox" name="checkboxes" id="checkboxes-76" value="neuropsichiatra"> neuropsichiatra </label> <label class="checkbox-inline" for="checkboxes-77"> <input type="checkbox" name="checkboxes" id="checkboxes-77" value="psicanalista"> psicanalista </label> <label class="checkbox-inline" for="checkboxes-78"> <input type="checkbox" name="checkboxes" id="checkboxes-78" value="radioterapista oncologo"> radioterapista oncologo </label> <label class="checkbox-inline" for="checkboxes-79"> <input type="checkbox" name="checkboxes" id="checkboxes-79" value="tossicologo"> tossicologo </label> <label class="checkbox-inline" for="checkboxes-80"> <input type="checkbox" name="checkboxes" id="checkboxes-80" value="audiologo"> audiologo </label> <label class="checkbox-inline" for="checkboxes-81"> <input type="checkbox" name="checkboxes" id="checkboxes-81" value="colonproctologo"> colonproctologo </label> <label class="checkbox-inline" for="checkboxes-82"> <input type="checkbox" name="checkboxes" id="checkboxes-82" value="venerologo"> venerologo </label> <label class="checkbox-inline" for="checkboxes-83"> <input type="checkbox" name="checkboxes" id="checkboxes-83" value="gnatologo"> gnatologo </label> <label class="checkbox-inline" for="checkboxes-84"> <input type="checkbox" name="checkboxes" id="checkboxes-84" value="medico igienista"> medico igienista </label> <label class="checkbox-inline" for="checkboxes-85"> <input type="checkbox" name="checkboxes" id="checkboxes-85" value="medico aeronautico spaziale"> medico aeronautico spaziale </label> <label class="checkbox-inline" for="checkboxes-86"> <input type="checkbox" name="checkboxes" id="checkboxes-86" value="medico di laboratorio"> medico di laboratorio </label> <label class="checkbox-inline" for="checkboxes-87"> <input type="checkbox" name="checkboxes" id="checkboxes-87" value="medico termale"> medico termale </label> <label class="checkbox-inline" for="checkboxes-88"> <input type="checkbox" name="checkboxes" id="checkboxes-88" value="neuroradiologo"> neuroradiologo </label> <label class="checkbox-inline" for="checkboxes-108"> <input type="checkbox" name="checkboxes" id="checkboxes-108" value="foniatra"> foniatra </label> <label class="checkbox-inline" for="checkboxes-109"> <input type="checkbox" name="checkboxes" id="checkboxes-109" value="optometrista"> optometrista </label> <label class="checkbox-inline" for="checkboxes-110"> <input type="checkbox" name="checkboxes" id="checkboxes-110" value="pedagogista"> pedagogista </label> <label class="checkbox-inline" for="checkboxes-111"> <input type="checkbox" name="checkboxes" id="checkboxes-111" value="omotossicologo"> omotossicologo </label> <label class="checkbox-inline" for="checkboxes-112"> <input type="checkbox" name="checkboxes" id="checkboxes-112" value="tecnico radiologo"> tecnico radiologo </label> <label class="checkbox-inline" for="checkboxes-113"> <input type="checkbox" name="checkboxes" id="checkboxes-113" value="educatore professionale"> educatore professionale </label> <label class="checkbox-inline" for="checkboxes-114"> <input type="checkbox" name="checkboxes" id="checkboxes-114" value="angiologo"> angiologo </label> <label class="checkbox-inline" for="checkboxes-115"> <input type="checkbox" name="checkboxes" id="checkboxes-115" value="audiometrista"> audiometrista </label> <label class="checkbox-inline" for="checkboxes-116"> <input type="checkbox" name="checkboxes" id="checkboxes-116" value="tecnico ortopedico"> tecnico ortopedico </label> <label class="checkbox-inline" for="checkboxes-117"> <input type="checkbox" name="checkboxes" id="checkboxes-117" value="psicomotricista"> psicomotricista </label> </div> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group sanitario_control"> <label class="control-label " for="text"> Area specialistica principale </label> <div class="row"> <div class="col-md-4"> <label class="margin-left checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="fisioterapista"> fisioterapista </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="logopedista"> logopedista </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="dietista">dietista </label> <label class="checkbox-inline col-md-12" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="ostetrica"> ostetrica </label> <label class="checkbox-inline" for="checkboxes-4"> <input type="checkbox" name="checkboxes" id="checkboxes-4" value="tecnico sanitario di radiologia medica"> tecnico sanitario di radiologia medica </label> <label class="checkbox-inline" for="checkboxes-5"> <input type="checkbox" name="checkboxes" id="checkboxes-5" value="terapista della neuro e psicomotricità dell’età evolutiva"> terapista della neuro e psicomotricità dell’età evolutiva </label> <label class="checkbox-inline" for="checkboxes-6"> <input type="checkbox" name="checkboxes" id="checkboxes-6" value="igienista dentale"> igienista dentale </label> </div> <div class="col-md-4"> <label class="margin-left checkbox-inline" for="checkboxes-7"> <input type="checkbox" name="checkboxes" id="checkboxes-7" value="tecnico sanitario di neuro fisiopatologia"> tecnico sanitario di neuro fisiopatologia </label> <label class="checkbox-inline" for="checkboxes-8"> <input type="checkbox" name="checkboxes" id="checkboxes-8" value="infermiere pediatrico"> infermiere pediatrico </label> <label class="checkbox-inline" for="checkboxes-9"> <input type="checkbox" name="checkboxes" id="checkboxes-9" value="tecnico della riabilitazione psichiatrica"> tecnico della riabilitazione psichiatrica </label> <label class="checkbox-inline" for="checkboxes-10"> <input type="checkbox" name="checkboxes" id="checkboxes-10" value="podologo"> podologo </label> <label class="checkbox-inline" for="checkboxes-11"> <input type="checkbox" name="checkboxes" id="checkboxes-11" value="tecnico sanitario di laboratorio"> tecnico sanitario di laboratorio </label> <label class="checkbox-inline" for="checkboxes-12"> <input type="checkbox" name="checkboxes" id="checkboxes-12" value="tecnico di fisiopatologia cardiocircolatoria"> tecnico di fisiopatologia cardiocircolatoria </label> <label class="checkbox-inline" for="checkboxes-13"> <input type="checkbox" name="checkboxes" id="checkboxes-13" value="ortottista"> ortottista </label> </div> <div class="col-md-4"> <label class="margin-left checkbox-inline" for="checkboxes-14"> <input type="checkbox" name="checkboxes" id="checkboxes-14" value="infermiere"> infermiere </label> <label class="checkbox-inline" for="checkboxes-15"> <input type="checkbox" name="checkboxes" id="checkboxes-15" value="tecnico della prevenzione nell’ambiente e nei luoghi di lavoro"> tecnico della prevenzione nell’ambiente e nei luoghi di lavoro </label> <label class="checkbox-inline" for="checkboxes-16"> <input type="checkbox" name="checkboxes" id="checkboxes-16" value="tecnico audioprotesista"> tecnico audioprotesista </label> <label class="checkbox-inline" for="checkboxes-17"> <input type="checkbox" name="checkboxes" id="checkboxes-17" value="tecnico ortopedico"> tecnico ortopedico </label> <label class="checkbox-inline" for="checkboxes-18"> <input type="checkbox" name="checkboxes" id="checkboxes-18" value="educatore professionale"> educatore professionale </label> <label class="checkbox-inline" for="checkboxes-19"> <input type="checkbox" name="checkboxes" id="checkboxes-19" value="tecnico audiometrista"> tecnico audiometrista </label> <label class="checkbox-inline" for="checkboxes-20"> <input type="checkbox" name="checkboxes" id="checkboxes-20" value="terapista occupazionale"> terapista occupazionale </label> <label class="checkbox-inline" for="checkboxes-21"> <input type="checkbox" name="checkboxes" id="checkboxes-21" value="assistente sanitario"> assistente sanitario </label> </div> </div> </div> <div class="row blsd_control"> <div class="form-group col-md-6" id="div_radio"> <label class="control-label " for="radio"> BLSD? </label> <div class=""> <label class="radio-inline"> <input name="radio" type="radio" value="SI"/> SI </label> <label class="radio-inline"> <input name="radio" type="radio" value="NO"/> NO </label> </div> </div> <div class="form-group col-md-6"> <label class="control-label " for="date1"> Scadenza BLSD </label> <input class="form-control" id="date1" name="date1" placeholder="MM/DD/YYYY" type="text"/> </div> </div> <div class="form-group esperienza_control" id="div_radio1"> <label class="control-label " for="radio1"> Esperienza </label> <div class=""> <label class="radio-inline"> <input name="radio1" type="radio" value="Domiciliare"/> Domiciliare </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Reparto"/> Reparto </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Entrambe"/> Entrambe </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Nessuna"/> Nessuna </label> </div> </div> </fieldset> <!-- DISPONIBILITA' --> <fieldset> <legend>Disponibilità</legend> <div class="form-group "> <label class="control-label "> Automunito? </label> <div class=""> <div class="radio-inline"> <label class="radio"> <input name="radio2" type="radio" value="SI"/> SI </label> </div> <div class="radio-inline"> <label class="radio"> <input name="radio2" type="radio" value="NO"/> NO </label> </div> </div> </div> <div class="form-group "> <label class="control-label " for="text1"> Zona operativa prevalente </label> <input class="form-control" id="text1" name="text1" type="text"/> </div> <div class="form-group" id="div_checkbox"> <label class="control-label " for="checkbox"> Giorni </label> <div class=" "> <label class="checkbox-inline"> <input name="checkbox" type="checkbox" value="Lun"/> Lun </label> <label class="checkbox-inline"> <input name="checkbox" type="checkbox" value="Mar"/> Mar </label> <label class="checkbox-inline"> <input name="checkbox" type="checkbox" value="Mer"/> Mer </label> <label class="checkbox-inline"> <input name="checkbox" type="checkbox" value="Giov"/> Giov </label> <label class="checkbox-inline"> <input name="checkbox" type="checkbox" value="Ven"/> Ven </label> <label class="checkbox-inline"> <input name="checkbox" type="checkbox" value="Sab"/> Sab </label> <label class="checkbox-inline"> <input name="checkbox" type="checkbox" value="Dom"/> Dom </label> <span class="help-block" id="hint_checkbox"> I tuoi giorni disponibili </span> </div> </div> <!-- FASCIA ORARIA --> <div class="form-group"> <label class="control-label" for="checkboxes">Disponibilità oraria</label> <div class="row"> <div class="form-group col-md-6"> <label class="control-label " for="text"> Dalle ore </label> <input class="form-control" id="text" name="text" type="text"/> </div> <div class="form-group col-md-6"> <label class="control-label " for="text"> Alle ore </label> <input class="form-control" id="text" name="text" type="text"/> </div> </div> </div> </fieldset> <!-- CONDIZIONI CONTRATTUALI --> <fieldset> <legend>Condizioni Contrattuali</legend> <div class="form-group "> <label class="control-label " for="textarea"> Condizioni Contrattuali </label> <textarea class="form-control" cols="78" id="textarea" name="textarea" rows="10" disabled>Dolore officia aliqua eiusmod sed in aliqua voluptate laborum ut cillum reprehenderit sunt pariatur sed elit ut consequat proident ut magna dolor esse quis in adipisicing dolore nostrud minim dolore excepteur quis consectetur consequat eiusmod eu quis. </textarea> </div> </fieldset> <fieldset> <legend>Condizioni Contrattuali</legend> <div class="form-group "> <label class="control-label " for="textarea"> Condizioni Contrattuali </label> <textarea class="form-control" cols="78" id="textarea" name="textarea" rows="10" disabled>Dolore officia aliqua eiusmod sed in aliqua voluptate laborum ut cillum reprehenderit sunt pariatur sed elit ut consequat proident ut magna dolor esse quis in adipisicing dolore nostrud minim dolore excepteur quis consectetur consequat eiusmod eu quis. </textarea> </div> <div class="form-group" id="div_radio1"> <div class=""> <label class="radio-inline"> <input name="radio1" type="radio" value="Domiciliare"/> Acconsento </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Reparto"/> Nego </label> </div> </div> </fieldset> <fieldset> <legend>Informativa sul trattamento dei dati</legend> <div class="form-group "> <label class="control-label " for="textarea"> Informativa sul trattamento dei dati </label> <textarea class="form-control" id="textarea" name="textarea" rows="10" disabled>Dolore officia aliqua eiusmod sed in aliqua voluptate laborum ut cillum reprehenderit sunt pariatur sed elit ut consequat proident ut magna dolor esse quis in adipisicing dolore nostrud minim dolore excepteur quis consectetur consequat eiusmod eu quis. </textarea> </div> <div class="form-group" id="div_radio1"> <div class=""> <label class="radio-inline"> <input name="radio1" type="radio" value="Domiciliare"/> Acconsento </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Reparto"/> Nego </label> </div> </div> </fieldset> <fieldset> <legend>Consensi al trattamento dei dati</legend> <div class="form-group" id="div_radio1"> <label class="control-label " for="textarea"> Consensi al trattamento dei dati </label> <p>Il sottoscritto interessato, acquisite le informazioni fornite dal titolare del trattamento ai sensi dell'articolo 13 del D.Lgs. 196/2003, (documento di informativa n. 6912.1.156592.201842): Consenso a trattare i dati comuni per le attività indispensabili al proseguimento del rapporto: presta il suo consenso al trattamento dei propri dati personali per le finalità indicate nella suddetta informativa come necessarie per permettere al Titolare una corretta gestione del rapporto ed un congruo trattamento dei dati stessi.</p> <div class=""> <label class="radio-inline"> <input name="radio1" type="radio" value="Domiciliare"/> Acconsento </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Reparto"/> Nego </label> </div> </div> <div class="form-group" id="div_radio1"> <label class="control-label " for="textarea"> Consenso al trattamento dei dati sensibili e/o giudiziari: </label> <p>consapevole che il trattamento potrà riguardare alcuni dati definiti sensibili o giudiziari di cui all'art.4 comma 1 lett. d) ed e), nonchè art.26 del D.lgs.196/2003, ed in particolare: Convinzioni filosofiche o di altro genere, Convinzioni religiose, Origini razziali o etniche, Stato di salute, Vita sessuale, presta il suo libero consenso al trattamento dei propri dati personali sensibili come risultante dalla suddetta informativa, limitatamente comunque al rispetto di ogni altra condizione imposta per legge.</p> <div class=""> <label class="radio-inline"> <input name="radio1" type="radio" value="Domiciliare"/> Acconsento </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Reparto"/> Nego </label> </div> </div> <div class="form-group" id="div_radio1"> <label class="control-label " for="textarea"> Consenso a trattamenti ulteriori, non indispensabili per la continuazione del rapporto: </label> <p>presta il suo consenso al trattamento dei dati personali per le finalità facoltative di invio di informazioni promozionali tramite email.</p> <div class=""> <label class="radio-inline"> <input name="radio1" type="radio" value="Domiciliare"/> Acconsento </label> <label class="radio-inline"> <input name="radio1" type="radio" value="Reparto"/> Nego </label> </div> </div> <div class="form-group text-right"> <div> <button class="btn btn-success" name="submit" type="submit"> Invia </button> </div> </div> </fieldset> <!-- !CONDIZIONI CONTRATTUALI --> </form> </div> </div> </div>
legend { font-size: 1.2em !important; font-weight: bold !important; text-align: left !important; width:auto; padding:0 10px; border-bottom:1px solid transparent; } fieldset { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; } .margin-left{ margin-left:10px; } .professioni_sanitarie, .esperienza_control, .blsd_control, .medico_control, .sanitario_control, .altro_control, .abilitazione_group{ display: none; }
screenSize(); $(window).resize(function(event) { /* Act on the event */ screenSize(); }); $('#select').change(function(event) { /* Act on the event */ if ($(this).val() == 'medico') { // chiudo $('.sanitario_control').slideUp(); $('.altro_control').slideUp(); // apro $('.medico_control').slideToggle(); } if ($(this).val() == 'professionista_sanitario') { // chiudo $('.medico_control').slideUp(); $('.altro_control').slideUp(); // apro $('.sanitario_control').slideToggle(); } if ($(this).val() == 'oss') { $('.medico_control').slideUp(); $('.altro_control').slideUp(); $('.sanitario_control').slideUp(); } if ($(this).val() == 'seleziona') { $('.medico_control').slideUp(); $('.altro_control').slideUp(); $('.sanitario_control').slideUp(); } }); $('.professione_radio').change(function(event){ if ($(this).val() == 'SI') { $('.altro_control').slideUp(); $('.professioni_sanitarie').slideToggle(); $('.medico_control').slideUp(); $('.altro_control').slideUp(); $('.sanitario_control').slideUp(); }else{ $('.altro_control').slideToggle(); $('.professioni_sanitarie').slideUp(); $('.medico_control').slideUp(); $('.sanitario_control').slideUp(); } }); $('.abilitazione').change(function(event) { if ($(this).val() == 'SI') { $('.abilitazione_group').slideToggle(); } else{ $('.abilitazione_group').slideUp(); } }); function screenSize(){ if ($(window).width() < 800) { $('textarea').attr('cols', '40'); }else{ $('textarea').attr('cols', '78'); } }

Related: See More


Questions / Comments: