Jetzt weiß ich garnicht mehr was ich alles schon irgendwie verändert habe.
Hier bin ich jetzt wieder gelandet ? ! ?
<?xml version="1.0" encoding="UTF-8"?>
Die Zeile weg, das schickt alter Internet Explorer in den Quirksmode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Test</title>
<script type="text/javascript">
</head>
</script><style type="text/css">
s1 {
font-family: Comic;
}
s2 {
font-family: Arial;
}
s3 {
font-family: Monotype Corsiva;
}F1 {
color: #FF0000;
}
F2 {
color: #000000;
}
F3 {
color: #840000;
}
</style><script type="text/javascript">
function schreibe() {var ausgabe1 = document.formular.ein.value;
document.getElementById('ausgabe').innerHTML = ausgabe1;
}
</script>
</style><body>
<form name="formular">
<input type="text" name="ein" /><input onclick="schreibe();" type="button" value="Eintragen" />
</form><div id="ausgabe"style="position:absolute;top:120px;left:10px;z-index:4;" >
</div>
</body><html>
<head>Schriftart:
<label>
<select name="Schrift[]" size="1" id="Schrift">
<option selected="Schrift">Wählen Sie die Schrift</option>
<option>Comic</option> <
Hier ist ein Fehler, den solltest du eigentlich selbst finden - ohne Validator.
<option>Normal</option>
<option>Kursiv</option></select>
</label><br>
Farbe:
<label>
<select name="Farbe[]" size="1" id="Farbe">
<option selected="Farbe">Wählen Sie die Farbe</option>
<option>Rot</option>
<option>Schwarz</option>
<option>Braun</option></select>
</label>
</form></body>
</html>
Das label-Element setzt du übrigens falsch ein. Aussehen sollte das eher so.
~~~html
<label for="Farbe">Farbe</label>
<select name="Farbe[]" size="1" id="Farbe">
<option selected="selected">Wählen Sie die Farbe</option>
<option>Rot</option>
<option>Schwarz</option>
<option>Braun</option>
</select>