Température en °C et °F
Un thermomètre en verre qui monte et passe du froid au chaud avec la valeur ; changer d'unité convertit le nombre tout seul.
Réglages
Code
<div class="uvq06-tp"><div class="th" aria-hidden="true"><span class="tb"><i class="hg"></i></span><span class="bu"></span></div><div class="sd"><label for="uvq06-tp-in" class="lb">Température</label><div class="fd"><input id="uvq06-tp-in" type="number" inputmode="decimal" step="0.5"><span class="un">°C</span></div><div class="sg" role="radiogroup" aria-label="Unité"><label><input type="radio" name="uvq06-tp-u" value="c"><span>°C</span></label><label><input type="radio" name="uvq06-tp-u" value="f"><span>°F</span></label><i aria-hidden="true"></i></div><p class="fl" aria-live="polite"></p></div></div>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 Champs
Voir tout : ChampsOù l’utiliser
Un champ numérique pour les températures avec un thermomètre en verre à côté. La hauteur du mercure et sa couleur viennent d'une seule variable CSS qui mélange la couleur froide et la chaude à mesure que la valeur monte, et un mot court décrit la sensation. Un contrôle segmenté bascule entre Celsius et Fahrenheit et convertit le nombre avec un petit roulement.
Mets la couleur chaude en principale et la froide en secondaire. Il convient aux widgets météo, aux panneaux domotiques, aux apps de cuisine et aux formulaires de laboratoire, et les libellés du script peuvent devenir des plages pour fours, frigos ou aquariums.