Touches de présélection d'autoradio
Les touches mécaniques d'un vieil autoradio : celle que tu presses s'enfonce et la précédente remonte d'un coup.
Réglages
Code
<fieldset class="uvq04-pst"><legend>Présélections</legend><div class="fp"><div class="ds" aria-hidden="true"><span class="fq"></span><span class="st">ST</span></div><div class="ks"><label><input type="radio" name="uvq04-pst"><span class="ky"><b>1</b></span><span class="nm">Classique</span></label><label><input type="radio" name="uvq04-pst"><span class="ky"><b>2</b></span><span class="nm">Infos</span></label><label><input type="radio" name="uvq04-pst" checked><span class="ky"><b>3</b></span><span class="nm">Jazz</span></label><label><input type="radio" name="uvq04-pst"><span class="ky"><b>4</b></span><span class="nm">Pop</span></label><label><input type="radio" name="uvq04-pst"><span class="ky"><b>5</b></span><span class="nm">Sport</span></label></div></div></fieldset>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons radio
Voir tout : Boutons radioOù l’utiliser
Les boutons radio tirent leur nom de ces touches : sur les anciens autoradios, enfoncer une présélection libérait toutes les autres. Ce bloc reproduit ce geste sur une façade en chrome brossé, avec des touches en plastique crème qui s'enfoncent quand on les choisit, remontent avec un petit rebond et règlent un afficheur ambré sur la fréquence.
La couleur principale teinte l'afficheur et le témoin de la touche enfoncée, la secondaire le plastique. Cinq touches tiennent à l'aise ; change les stations ou transforme-les en programmes pour un lecteur, un chauffage ou une machine à café.