Wowbo: Radio-Button CSS checked Display

Beitrag lesen

SELF-Forum

Radio-Button CSS checked Display

Wowbo (Versionen)
– Informationen zu den Bewertungsregeln

Radio-Button CSS checked Display

Hallo Leute, der Code so wie er unten ist fuktioniert. Frage 1: Was müsste ich machen damit die "Auswahl Anrede" im DIV-Container funktioniert? Frage 2: Was müsste man machen wenn beim Mann das <b> durch <button> ersetzt würde? Viele Grüße, Gerd.

<!DOCTYPE html>
<html>
<title>Radiobutton</title>
<style>
	input[type="radio"],#t1a,#t1b,#t1c	{display:none}
	#r1a:checked ~ div #t1a					{display:inline}
	#r1b:checked ~ div #t1b					{display:inline}
	#r1c:checked ~ div #t1c					{display:inline}
</style>
<body>
<!--DIV-->
	Auswahl Anrede: 
	<input type="radio" name="r1" id="r1a"><label for="r1a"> Frau </label>
	<input type="radio" name="r1" id="r1b"><label for="r1b"><b> Mann </b></label>
	<input type="radio" name="r1" id="r1c"><label for="r1c"> D + H </label>
<!--/DIV-->
<div>
	Anrede: 
	<span id="t1a">Sehr geehrte Frau </span>
	<span id="t1b">Sehr geehrter Herr </span>
	<span id="t1c">Sehr geehrte Damen und Herren</span>
</div>
</body>
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln

akzeptierte Antworten