2017-09-30 1 views
0

Sie wissen, wie Sie beim Öffnen eines neuen Tabs mit der Eingabe beginnen können, ohne die Suchleiste auswählen zu müssen? Ich habe ein Texteingabefeld in HTML, und ich möchte meine Webseite öffnen können und dieses Texteingabefeld sofort eingeben, weil es keinen besseren Begriff gibt. Sag meinen Eingabefeld sieht wie folgt aus:jQuery: Wählen Sie ein Texteingabefeld

<input type="text" class="myInput" value="add an item"></input> 

Ich bin mit HTML, CSS und JavaScript/jQuery jetzt. Welchen Code kann ich hinzufügen, um sicherzustellen, dass das Texteingabefeld sofort typisierbar ist?

+2

Eine HTML5-Lösung ist [Autofokus] (https: // www. w3.org/wiki/HTML5_form_additions#autofocus). – Mark

Antwort

3

Verwendung autofocus:

<input type="text" class="myInput" value="add an item" autofocus/> 

Von the input documentation on MDN:

Dieses Boolesche Attribut Sie, dass ein Formular-Steuerelement festlegen können, sollten Eingabefokus haben, wenn die Seite geladen wird, es sei denn, der Benutzer es überschreibt (zB durch Eingabe einer anderen Kontrolle). Nur ein Formularelement in einem Dokument kann das Autofokusattribut haben, das ein Boolescher Wert ist. Es kann nicht angewendet werden, wenn das Attribut type auf Versteckt gesetzt ist (dh Sie können den Fokus nicht automatisch auf ein verborgenes Steuerelement setzen). Beachten Sie, dass die Fokussierung des Steuerelements vor dem Auslösen des DOMContentLoaded-Ereignisses auftreten kann. .

2

in Autofokus html Gebrauch in jQuery $ ('myInput') konzentrieren()

+0

Die jQuery-Lösung würde jedoch alle Klassen von 'myInput' auswählen, daher wäre es besser, eine ID zur Eingabe hinzuzufügen und stattdessen diese auszuwählen. – iPzard

+0

Danke! Das ist sehr hilfreich. –

Verwandte Themen