Formulaire

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

outils :
Illustration croce

Sommaire

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

Radio button Webflow

2. Ajoutez une valeur à vos radio buttons

Radio Button Value Webflow

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

Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Aucun autre tutoriel pour cette catégorie pour le moment.
Voir tous nos tutoriels
Illustration traits
Nous utilisons les meilleurs outils

Votre site est développé 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. 

Figma

Pour designer votre site web sur mesure et optimiser son taux de conversion

Webflow

Pour une intégration pixel perfect et optimisée de votre site web

Client-first

Pour une organisation aux petits oignons de votre projet

Wized

Pour ajouter des fonctionnalités avancées à votre projet

Make

Pour automatiser vos fluxs de travail et vous faire gagner un max de temps