multiple
Caricamento multiplo di file.
Stili default
<div class="c-pick c-pick--bottom">
<input id="pick_01_rad" name="method" type="radio" required checked>
<label for="pick_01_rad">
<svg class="c-holypic" width="160" height="160">
<g fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M39.188 116.566c4.488-1.755 10.42-4.026 18.329-7.325a7.636 7.636 0 004.692-7.053v-14.87a13.856 13.856 0 01-3.027-7.379l-1.272-.635c-3.784.9-3.534-3.148-4.495-10.966-.393-3.269.083-3.905 1.514-4.42l1.21-1.626c-7.34-16.649-3.647-27.054 3.603-30.732-2.407-5.29-2.536-7.159-2.536-7.159s15.453 2.58 20.758 1.514c6.758-1.317 17.103.28 20.955 9.224 6.402 2.536 8.9 6.614 9.49 10.966.96 7.189-3.307 15.135-3.867 17.92 1.233.5 1.627 1.264 1.248 4.313-.915 7.447-.68 12.018-4.48 10.966l-3.398 5.94c-.461 2.392-.34-.181-.34 16.944a7.643 7.643 0 004.7 7.053l.128.053c27.841 11.563 31.14 10.466 32.54 19.138.069.447.144.924.212 1.43.069.508.106.909.167 1.4.076.636.151 1.333.235 2.082.083.749.15 1.347.234 2.08H24c1.408-12.07.59-13.008 12.82-17.92"/>
<path class="c-holypic__fill-lightenprimary" fill-rule="nonzero" d="M134.418 135.433H40.792c-8.173 0-10.837-11.056-3.526-14.704 4.222-2.104 11.472-4.594 24.276-9.99a7.159 7.159 0 004.367-6.636V87.946c-1.582-1.975-2.573-5.456-2.823-8.021l-1.18-.59c-3.542.847-3.292-2.967-4.193-10.345-.37-3.073.091-3.686 1.423-4.163l1.135-1.513a41.737 41.737 0 01-.696-1.673c-5.895-14.491-2.46-20.75 4.049-24.095-2.27-4.956-2.384-6.75-2.384-6.75s14.378 2.437 19.327 1.445c6.289-1.248 15.892.258 19.525 8.68a14.605 14.605 0 016.94 5.2c.756 5.493-1.582 11.396-2.967 15.134a21.19 21.19 0 00-.9 2.778c1.225.5 1.619 1.264 1.248 4.313-.916 7.447-.681 12.018-4.488 10.966l-3.39 5.94c-.237.907-.351 1.84-.34 2.778-.038 1.725 0 5.297 0 14.166a7.628 7.628 0 004.691 7.038l.129.053a7.038 7.038 0 002.187 1.438c7.87 3.322 13.622 5.547 17.905 7.242 9.595 3.844 11.518 5.093 12.44 10.458a41.852 41.852 0 01.387 2.83c.076.636.159 1.332.234 2.082.076.749.167 1.362.25 2.096z"/>
<path class="c-holypic__fill-lightprimary" fill-rule="nonzero" d="M125.201 135.432c3.784-5.706 2.157-11.064-4.078-17.45 9.595 3.843 11.517 5.092 12.44 10.457a41.853 41.853 0 01.387 2.83c.075.636.158 1.333.234 2.082.076.749.152 1.347.235 2.08H125.2zm-29.006-35.378a45.33 45.33 0 01-9.906 2.648 18.556 18.556 0 01-10.595-1.612c-2.777-1.438-4.88-3.655-7.491-5.464a5.244 5.244 0 01-2.27-4.313v-.991c4.116 1.907 7.514 6.19 12.04 7.4 3.707 1 7.726-.234 10.881-2.398 2.861-1.953 5.162-4.616 7.364-7.303-.06 1.725-.023 3.178-.023 12.033zm7.87-38.807a20.372 20.372 0 01-3.45-3.632c-1.476-1.998-2.627-4.26-4.541-5.858-3.254-2.777-7.923-2.974-12.191-3.027l-20.1-.287c-.34 4.215-1.12 8.528-3.428 12.108-.242.373-.504.732-.787 1.074-5.895-14.491-2.46-20.75 4.049-24.095-2.27-4.956-2.384-6.75-2.384-6.75s14.378 2.437 19.327 1.445c6.289-1.248 15.892.258 19.525 8.68a14.605 14.605 0 016.94 5.2c.74 5.493-1.575 11.396-2.96 15.142z"/>
<g class="c-holypic__stroke-primary" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
<path d="M102.325 63.041c.991-3.965-.984-14.47-16.263-15.06-16.089-.62-17.587 2.27-22.574-2.368.916.848 1.287 3.89.552 7.03-1.422 6.054-5.622 8.62-9.08 10.36m3.533 15.832l.076.703a13.871 13.871 0 004.859 9.248l11.654 8.173a7.439 7.439 0 009.459.129l10.912-9.838a13.917 13.917 0 004.927-9.286M55.542 63.14h0c-2.369.757-3.239.757-2.74 4.806.5 4.049.621 6.652 1.25 9.119.627 2.467 3.246 1.854 3.246 1.854"/>
<path d="M135.244 135.039c-1.128-9.603-.379-13.22-10.481-16.967-6.811-2.527-17.11-6.757-23.059-9.224a7.636 7.636 0 01-4.692-7.053V85.759m-71.498 49.28c1.12-9.603.37-13.22 10.474-16.967 6.81-2.527 17.117-6.757 23.058-9.224a7.643 7.643 0 004.7-7.053V89.21m38.715-26.07h0c2.369.756 3.247.756 2.747 4.805-.5 4.049-.628 6.652-1.249 9.119-.62 2.467-3.239 1.854-3.239 1.854M55.656 62.163c-7.507-16.792-3.784-27.304 3.488-31.027C56.723 25.9 56.586 24 56.586 24s15.453 2.58 20.766 1.514c6.75-1.332 17.103.264 20.977 9.21 5.297 2.103 14.93 7.673 5.933 27.242"/>
</g>
</g>
</svg>
<b>Monointestato</b> Voglio aprire un conto intestato a me
</label>
</div>
<div class="c-pick c-pick--bottom">
<input id="pick_02_rad" name="method" type="radio" required>
<label for="pick_02_rad">
<svg class="c-holypic" width="160" height="160">
<g fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M71.714 114.675c4.356-1.709 10.182-3.915 17.796-7.116a7.399 7.399 0 004.525-6.788V86.279a13.497 13.497 0 01-2.873-7.173l-1.234-.61c-3.688.87-3.393-3.055-4.366-10.646-.374-3.168.09-3.79 1.482-4.288l1.13-1.584c-7.138-16.155-3.54-26.269 3.497-29.844-2.33-5.102-2.455-7.003-2.455-7.003s15.001 2.512 20.16 1.494c6.561-1.29 16.607.249 20.363 8.948 6.211 2.455 8.644 6.415 9.21 10.646.938 6.98-3.214 14.707-3.745 17.4 1.13.486 1.572 1.221 1.21 4.185-.894 7.23-.667 11.664-4.355 10.646l-3.304 5.77c-.441 2.262-.328-.181-.328 16.45a7.421 7.421 0 004.525 6.787h.125c27.038 11.223 30.24 10.182 31.597 18.576.068.441.147.905.204 1.392.057.486.102.882.17 1.357.068.475.147 1.301.226 2.025.08.724.147 1.301.226 2.025H56.894c1.46-11.54.634-12.467 12.512-17.196"/>
<path fill="#FFF" d="M-4.072 135.208h91.184c0-11.766-8.621-29.007-26.168-29.086-8.801 0-9.65-.543-9.65-.543V95.397c6.46-5.328 11.89-11.584 13.451-19.707a7.92 7.92 0 006.189-8.7c-.136-1.81-1.267-3.394-1.335-5.25 0-5.136-.09-9.955-3.462-16.29a29.991 29.991 0 00-46.248-8.406 29.052 29.052 0 00-8.338 12.648 33.43 33.43 0 00-1.222 15.035c.125.86.374.736-.215 1.516a6.686 6.686 0 00-1.131 6.38c1.516 4.277 4.525 3.745 7.388 6.155l-.476.306-3.28 1.03c-18.939 5.984-21.009 26.189-1.584 29.866l-3.326.86c-7.49 5.848-11.777 15.94-11.777 24.368z"/>
<g class="c-holypic__fill-lightenprimary" fill-rule="nonzero">
<path d="M79.453 114.845l-.125-.147a19.029 19.029 0 00-2.873-2.897 3.926 3.926 0 00-.419-.339l-.102-.08a20.737 20.737 0 00-5.475-3.009 27.638 27.638 0 00-9.31-1.595c-8.203-.079-10.013.26-10.013.26v-9.695l.17-.147c.916-.77 1.81-1.572 2.658-2.398a31.994 31.994 0 008.915-13.361c.299-.919.537-1.856.713-2.806.143-.02.284-.058.418-.113a7.354 7.354 0 005.182-5.555 7.568 7.568 0 00.192-2.579c-.17-1.765-1.21-3.247-1.233-5.046a47.64 47.64 0 00-.475-7.398 26.88 26.88 0 00-2.75-8.055 27.819 27.819 0 00-24.673-15.16 27.536 27.536 0 00-26.19 19.142 31.28 31.28 0 00-1.448 10.974c.056 1.13.158 2.262.305 3.393.102.826.34.702-.203 1.437a6.448 6.448 0 00-1.041 6.064c.068.204.147.385.226.566.087.23.193.454.317.667a5.826 5.826 0 002.67 2.466c.87.464 1.81.838 2.749 1.437.305.204.61.441.927.702-.115.083-.236.159-.362.226h-.09l-3.055 1.03c-15.238 4.887-18.813 19.854-7.85 26.144.656.37 1.337.7 2.035.984.25.115.507.213.77.294 1.152.421 2.336.75 3.54.985l-3.11.814a30.048 30.048 0 00-9.322 13.768 7.105 7.105 0 006.73 9.39h77.903c0-6.279-1.47-14.413-6.301-20.363z"/>
<path d="M164.188 133.002H73.276c-7.92 0-10.521-10.736-3.394-14.277 4.095-2.048 11.132-4.525 23.565-9.695a6.98 6.98 0 004.243-6.449V86.89a16.347 16.347 0 01-2.738-7.795l-1.132-.566c-3.394.815-3.19-2.884-4.061-10.046-.362-2.986.08-3.575 1.38-4.038l1.132-1.494c-.238-.543-.464-1.131-.68-1.618-5.724-14.073-2.386-20.148 3.938-23.395-2.195-4.808-2.32-6.55-2.32-6.55s13.972 2.364 18.769 1.391c6.11-1.21 15.454.249 18.96 8.428a14.21 14.21 0 016.608 5.057c.724 5.329-1.528 11.065-2.874 14.707-.353.88-.645 1.784-.871 2.704 1.131.487 1.573 1.222 1.21 4.186-.893 7.23-.667 11.664-4.355 10.646l-3.292 5.758c-.221.88-.332 1.785-.328 2.693v13.756a7.399 7.399 0 004.525 6.788h.124c.62.591 1.34 1.066 2.127 1.403 7.648 3.224 13.248 5.374 17.389 7.026 9.31 3.733 11.177 4.943 12.082 10.181.068.442.147.906.204 1.392.056.486.113.882.17 1.358.056.475.158 1.3.226 2.025.068.724.226 1.391.305 2.115z"/>
</g>
<path class="c-holypic__fill-lightprimary" fill-rule="nonzero" d="M155.239 133.002c3.643-5.544 2.093-10.748-3.96-16.97 9.31 3.733 11.177 4.944 12.083 10.182.067.44.147.905.203 1.391.057.487.113.883.17 1.358.056.475.158 1.3.226 2.025.068.724.147 1.3.226 2.025l-8.948-.011zm-28.17-34.336a43.838 43.838 0 01-9.616 2.534c-3.515.498-7.1-.049-10.306-1.572-2.693-1.392-4.73-3.541-7.263-5.295a5.125 5.125 0 01-2.263-4.197v-.928c4.005 1.844 7.297 6.008 11.698 7.184 3.597.973 7.489-.226 10.566-2.33a35.636 35.636 0 007.139-7.094c.011 1.675.045 3.078.045 11.698zm7.648-37.706a19.719 19.719 0 01-3.394-3.519c-1.437-1.946-2.557-4.14-4.378-5.656-3.168-2.704-7.693-2.885-11.845-2.953l-19.414-.306c-.384 4.096-1.13 8.282-3.394 11.676-.242.391-.506.77-.791 1.13-5.725-14.073-2.388-20.148 3.936-23.395-2.194-4.808-2.319-6.55-2.319-6.55s13.972 2.364 18.769 1.392c6.109-1.211 15.454.248 18.96 8.428a14.21 14.21 0 016.698 5.057c.77 5.328-1.482 11.064-2.828 14.696zM30.206 124.234c-8.496 2.444-6.901.679-6.901.679s3.745-6.483.124-10.42c-2.579-2.794-8.111-3.597-14.164-4.525-13.383-5.51-10.329-21.97 5.793-27.14l3.043-.984h.09a411.25 411.25 0 004.752 7.364l-1.663-1.357-.204.814c-1.697 2.037-6.426 5.827 1.132 11.517 7.557 5.69 8.994 5.759 8.994 5.759v-.181l3.212 5.08s4.277 10.962-4.208 13.394zm-3.801-75.832c-1.03 8.903-7.003 11.505-13.79 16.438a31.28 31.28 0 011.447-10.974 27.536 27.536 0 0119.9-18.395 27.152 27.152 0 016.335-.747 27.819 27.819 0 0124.629 15.103 26.88 26.88 0 012.75 8.112c-14.708 7.218-34.483-2.908-41.124-12.75a27.05 27.05 0 01-.147 3.27m51.916 86.749c2.07-9.05-1.754-18.101-7.49-26.846 12.185 4.525 15.33 17.66 15.33 26.846h-7.84zM51.565 96.969v5.657l-.215.079-.203.08c-10.114 3.981-15.443 1.798-19.233-1.641l.159-2.715a67.766 67.766 0 007.704 2.67c3.79.95 9.661-2.784 9.661-2.784a7.274 7.274 0 002.127-1.346z"/>
<g class="c-holypic__stroke-primary" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
<path d="M133.02 62.702c.962-3.846-.95-14.04-15.838-14.616-15.623-.611-17.083 2.172-21.925-2.263.894.826 1.245 3.779.532 6.788-1.38 5.894-5.453 8.372-8.813 10.057m3.496 15.375l.068.69a13.463 13.463 0 004.717 8.971l11.314 7.92a7.23 7.23 0 009.163.135l10.59-9.537a13.576 13.576 0 004.785-9.05m-43.51-14.38h0c-2.263.725-3.146.725-2.66 4.673a78.74 78.74 0 001.211 8.858 2.557 2.557 0 003.145 1.8"/>
<path d="M164.969 132.606c-1.131-9.333-.362-12.84-10.182-16.472-6.64-2.455-16.619-6.561-22.389-8.96a7.421 7.421 0 01-4.525-6.788V84.763m-69.428 47.843c1.13-9.333.362-12.84 10.181-16.472 6.63-2.455 16.62-6.561 22.389-8.96a7.421 7.421 0 004.525-6.788V88.123m37.616-25.33h0c2.263.724 3.157.724 2.67 4.672a81.454 81.454 0 01-1.21 8.858 2.568 2.568 0 01-3.145 1.8m-43.703-16.27c-7.342-16.358-3.756-26.54 3.326-30.103-2.353-5.114-2.477-6.958-2.477-6.958s14.99 2.512 20.16 1.47c6.561-1.289 16.607.26 20.363 8.938 5.17 2.048 14.504 7.455 5.77 26.428M21.02 37.576l5.295 7.919c6.732 9.99 27.039 20.262 41.757 12.444l.916-.43"/>
<path d="M10.567 66.13l1.256-.633c5.804-4.322 13.723-7.558 16.302-17.66M15.613 79.434c-3.19.962-12.773 3.281-17.072 11.913-3.065 6.188-.746 12.784 4.978 16.37 4.695 2.93 10.001 2.648 15.16 4.107 7.252 2.048 6.709 7.105 3.767 14.062 22.196-1.131 11.2-19.108 5.272-23.067-6.143-4.096-15.103-7.478-5.657-14.549m64.757 47.221c0-12.66-9.696-29.086-25.308-29.086-9.627 0-10.51-.532-10.51-.532V95.94M31.451 105.839v-8.586"/>
<path d="M-4.366 135.491a32.344 32.344 0 0112.83-25.15m1.583-45.274c.113.86.373.735-.226 1.504a6.686 6.686 0 00-1.132 6.381c1.72 4.876 5.657 3.654 8.497 7.274s4.038 9.39 10.917 14.187c2.511 1.742 4.887 3.79 7.738 4.99 6.924 2.895 13.52-1.992 18.316-6.551 4.797-4.56 9.05-10.114 10.306-16.89a7.92 7.92 0 006.177-8.644c-.18-1.855-1.3-3.394-1.324-5.294 0-5.137-.101-9.956-3.473-16.291-15.193-28.52-60.66-16.167-55.796 19.334z"/>
</g>
</g>
</svg>
<b>Cointestato</b> Voglio aprire un conto intestato a me e ad un'altra persona
</label>
</div>Stili default
<span class="c-pill">
<input id="pil_06_chb" type="checkbox" checked disabled>
<label for="pil_06_chb">Carta Bancomat</label>
</span>
<span class="c-pill">
<input id="pil_07_chb" type="checkbox">
<label for="pil_07_chb">Conto deposito</label>
</span>
<span class="c-pill">
<input id="pil_08_chb" type="checkbox">
<label for="pil_08_chb">Altro servizio aggiuntivo</label>
</span>Deprecated: componente non più in uso.
Stili default
<input class="c-tick" id="reg-privacy" data-readonly="privacy-link" type="checkbox" required>
<label for="reg-privacy">
<a target="_blank" data-readonly-link="privacy-link" href="#"><i aria-hidden="true" class="c-icon-r c-icon--arrow-down"></i></a>
<span>
<a target="_blank" data-readonly-link="privacy-link" href="#">Scarica l'informativa sulla privacy e accetta il consenso</a>
<small>Ho preso visione dell'informativa sul trattamento dei dati personali.</small>
</span>
</label>La dropzone ridefinisce il classico controllo type="file" mettendo a disposizione dell'utente un'interfaccia più completa per la gestione degli upload. La componente gestisce upload multipli tramite l'utilizzo dell'attributo multiple e permette la cancellazione di un file caricato con il controllo dedicato.
Stili default
Estensioni e modificatori
multiple
Caricamento multiplo di file.
<fieldset class="c-fieldset">
<p>
<label for="doc_importa_fle">Importa file</label>
<input id="doc_importa_fle" name="file_name_uploaded" [modifier class] type="file" required>
</p>
</fieldset>