HTML Cursor springt immer aus Textfeld raus

darton

Lt. Junior Grade
Registriert
Okt. 2004
Beiträge
282
Hallo!
Ich habe ein Problem mit zwei Textfeldern, wenn sie direkt nebeneinander stehen und in einem label-Tag eingebettet sind. Klicke ich auf das rechte Textfeld, springt der Cursor immer wieder aus dem Textfeld raus und geht automatisch ins linke. Ich weiß nicht, woran es liegt. Das Problem tritt auch nur im Firefox auf. Hier mal der komplette Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#form_add label {    
    float: left;
    font-weight: 550;  
    line-height: 1.4em;
    margin-right: 10px;
    margin-bottom: 10px;
} 

#form_add input {  
    width: 220px;  
    padding: 6px;        
    font-size: 12px;  
    border: 1px solid #cecece;	
}
</style>
</head>
<body>
<label>Jahr 
    <span style="display: block;">
        <input id="jahr1" name="jahr1" type="text" />/
        <input id="jahr2" name="jahr2" type="text" />
    </span>
</label>
</body>
</html>
 
Das Label-Element sollte eigentlich nur einem Eingabefeld gleichzeitig zugewiesen werden, und zwar so:

Code:
<label for="jahr1">Jahr</label> 
<input id="jahr1" ... >
 
Normalerweise vergibt man dem Input eine ID und dem Label das Attribut for="<ID>".
 
Naja, mit einem input-Element funktioniert es ja, nur nicht mit zwei.
Dann werde ich das input-Element einfach mal in eine Klasse umwandeln.
 
Nur weil es angeblich funktioniert ist es noch lange nicht korrekt. Label-Elemente dürfen keine Input-Elemente enthalten. So einfach ist das. Korrekt ist nur: <label for="bla">TEXT</label><input id="bla"... >

Nur weil Browser sehr robuste Filter haben heißt das nicht, dass man mutwillig richtigen Rotz zusammenschreiben soll. Valides HTML ist keine Magie und auch keine Geschmackssache.
 

Ähnliche Themen

Zurück
Oben