Textfeld im Ankerelement

[CitizenX]

Hallo Zusammen,

wenn ich mit

<a href="#"><input type="text" value="TEST TEXT"></a>

ein Textfeld im Anker einbinde , dann kann ich den Text nicht mehr markieren!
Warum ist das so & wie kann ich es ändern.

VG
Steffen

 

[threadi]

Das ist nicht zulässiges HTML. Jeder Browser wird sich daher bei diesem fehlerhaften Code anders verhalten.

Was genau willst Du eigentlich erreichen? Einen Text, den der Benutzer selber eingeben kann, und der dann verlinkt wird? Oder was?

 

[CitizenX]

Hi,

ich missbrauche das Ankerelement um den Hovereffekt auszunutzen..
beim Hover wird das Textelement eingeblendet ,hier sollen nun Texteingaben möglich sein.
Es funktioniert auch soweit nur das eben nicht der gesammte Text ausgewählt werden kann... das dies ein fehlerhaftes HTML ist war mir nicht bewusst..

 

[threadi]

Für einen hover-Effekt musst Du keinen Link verwenden. Alle aktuellen Browser unterstützen hover bei nahezu jedem Element. Im Fall eines input-Elementes reicht folgendes:

input:hover { color: red; }

Und lass bitte den Link darum weg.

 

[CitizenX]

Danke,
ich versuche es umzusetzten

VG

 

[Sunnyboy]

Wenn du noch weitere Inputs hast, die du nicht gleich behandeln willst, dann wäre das Problem mit einer Klasse zu lösen. Sonst sind nämlich alle Inputs auf der ganzen Seite rot wenn du darüber fährst.
Im HTML ergibt das dann:

<input class="input_hover" type="text" value="test text">

Im Stylesheet brauchst du dann:

.input_hover:hover { color: red; }

Natürlich im Head noch auf das Stylesheet verlinken.