Text selektieren bei intput type=text

[perterle]

Hallo,

ich habe Input-Textfelder, die teilweise mit Text vorbelegt sind.
Es wäre natürlich elegant, wenn der darin enthaltene Text sofort komplett selektiert würde sobald das Feld den Focus erhält.
Wie realisiert man sowas?
CSS? Javascript?

Vielen Dank schonmal.

[Beat]

ich habe Input-Textfelder, die teilweise mit Text vorbelegt sind.
Es wäre natürlich elegant, wenn der darin enthaltene Text sofort komplett selektiert würde sobald das Feld den Focus erhält.

In der Tat, und das geschieht auch, wenn ich mit der Tab taste den Focus auf das Input-Feld verschiebe.

Wie realisiert man sowas?

Beschreibe eher genau welches Verhalten du wünscht.

CSS? Javascript?

CSS kann nicht selektieren, ergo JS.

mfg Beat

[pertterle]

Beschreibe eher genau welches Verhalten du wünscht.

Nunja,

Die Erfahrung zeigt, dass nicht alle User die TAB-Taste verwenden, selbst wenn die Eingabefelder untereinander stehen und der TAB-Index sauber gesetzt ist.
Deshalb sollte jedesmal der Text komplett selektiert werden, wenn ein Eingabefeld den Focus bekommt, egal wie der User das Eingabefeld aktiviert.

Gruß

[Beat]

Beschreibe eher genau welches Verhalten du wünscht.

Die Erfahrung zeigt, dass nicht alle User die TAB-Taste verwenden, selbst wenn die Eingabefelder untereinander stehen und der TAB-Index sauber gesetzt ist.
Deshalb sollte jedesmal der Text komplett selektiert werden, wenn ein Eingabefeld den Focus bekommt, egal wie der User das Eingabefeld aktiviert.

hm. Ein naiver Anfang würde schreiben:
<input type="text" value="pre" name="test" onclick="this.select()">

Du wirst aber sehen, dass dies die Möglichkeiten der Maus ziemlich einschränkt und ich würde davon abraten.

Deshalb meine Frage einer ganz genauen Beschreibung, unter welchen Voraussetzungen Text automatisch selektiert werden soll.

mfg Beat

[Beat]

hm. Ein naiver Anfang würde schreiben:
<input type="text" value="pre" name="test" onclick="this.select()">

eine ungefährlichere Variante:
<input type="text" value="pre" name="test" onfocus="this.select()">

mfg Beat