Champ de formulaire utilisé pour sélectionner une ou plusieurs valeurs dans la liste.
Documentation : Figma
Langage: HTML
<div class="form-check with-checked-bg">
<input checked="checked" class="form-check-input" id="form-checkbox_754409248" name="form-checkbox_754409248" required type="checkbox" value="checkbox-value_715395856">
<label class="form-check-label" for="form-checkbox_754409248">
Libellé de l'élément<span class='sr-only'> (votre réponse ouvrira un nouveau formulaire)</span><span class="required"> *</span></label>
<div class="form-check-content bloc-line-left">
<div class="media media-form p-3 p-lg-4 bg-gray-05">
<span aria-hidden="true" class="icon icon-user text-gray-40 d-none d-md-block mr-3"></span>
<div class="media-body">
<h2 class="t4 emphasis">Titre</h2>
<p>Lorem ipsum dolor sit amet.</p>
<label class="form-label" for="form-input_97921779">
Libellé de l'élément<span class="required"> *</span></label>
<input class="form-control" id="form-input_97921779" name="form-input_97921779" required type="text">
</div>
</div>
</div>
</div> // L'aperçu n'est pas disponible pour les dépendances externes
window.addEventListener('load', function () {
/**
* Désactivation du clic sur les input disabled
*/
// On liste les input disabled
const disabledInputs = document.querySelectorAll('[aria-disabled="true"]');
for (const input of disabledInputs) {
// Pour chaque input on empêche le click
input.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
});
// Pour chaque label associé, on empêche le click
const label = document.querySelector('[for="' + input.id + '"]');
if (label) {
document.querySelector('[for="' + input.id + '"]').addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
});
}
}
});