Presintonías
HTML + CSSRadiobuttons

Stationstasten eines Autoradios

Die mechanischen Tasten eines alten Autoradios: Die gedrückte sinkt ein, die vorherige springt wieder heraus.

Einstellungen

16px
1x

Code

<fieldset class="uvq04-pst"><legend>Senderspeicher</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">Klassik</span></label><label><input type="radio" name="uvq04-pst"><span class="ky"><b>2</b></span><span class="nm">Nachrichten</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 für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Radiobuttons

Alle ansehen: Radiobuttons

Wofür du ihn nutzen kannst

Radio Buttons heißen nach genau diesen Tasten: Bei alten Autoradios rastete eine gedrückte Stationstaste ein und löste die anderen. Dieser Block baut das auf einer gebürsteten Chromblende nach, mit cremefarbenen Kunststofftasten, die beim Wählen einsinken, federnd zurückspringen und ein bernsteinfarbenes Display auf die Frequenz des Senders stellen.

Die Hauptfarbe färbt Display und Anzeige auf der gedrückten Taste, die Zweitfarbe den Kunststoff. Fünf Tasten passen bequem nebeneinander; ändere die Sender oder mach daraus Programme für einen Player, eine Heizung oder eine Kaffeemaschine.