Avoir un "radio button" selectionné par defaut dans Webflow

outils :

Sommaire

Text Link

Introduction

Pas possible nativement dans Webflow, je vous montre dans ce tutoriel comment avoir un "radio button" sélectionné par défaut dans votre formulaire au chargement de la page.

Super utile pour améliorer l'expérience utilisateur dans certains cas, notamment pour des formulaires de satisfaction par exemple.

1. Ajoutez vos radio buttons

‍

2. Ajoutez une valeur à vos radio buttons

‍

3. Ajoutez ce script dans le <head> de votre page

Pensez à bien remplacer la valeur de l'ID avec la valeur du radio button que vous voulez sélectionner par défaut dans le code ci-dessous.

 <script>
window.onload = function() {
    var radioButton = document.getElementById("incroyable");
    if (radioButton) {
        radioButton.checked = true;
    }
};
</script>

4. Publiez et testez le résultat

‍

https://gemeosagency.com/gemeos-academie/radio-button-selectionne-par-defaut-dans-webflow

copié!

Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Ajouter un champ adresse avec autocomplétion dans Webflow grâce à l'API Google Maps

Webflow

Embed

Formulaire

Ajouter un border color à un input lorsqu'il est renseigné dans Webflow

Webflow

Embed

Formulaire

Voir tous nos tutoriels

Nous utilisons les meilleurs outils

développés avec les meilleurs outils et les meilleurs pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal.