Wie kann ich den Fokus auf ein Element in einem HTML-Formular mit JavaScript setzen?

Question

Ich habe ein Webformular mit einem Textfeld darin. Wie kann ich das Textfeld standardmäßig fokussieren?

So etwas wie das:

Kann mir jemand dabei helfen? Ich weiß nicht, wie man den Fokus auf das Textfeld mit JavaScript setzt.

  function setFocusToTextBox(){
    //Was ist hier zu tun
  }

Answer 1

Machen Sie das.

Wenn Ihr Element so etwas ist wie...

Ihr Skript wäre

function setFocusToTextBox(){
    document.getElementById("mytext").focus();
}

Answer 2

Zum, was es wert ist, können Sie das autofocus-Attribut in HTML5-kompatiblen Browsern verwenden. Funktioniert sogar in IE ab Version 10.

Answer 3

Normalerweise, wenn wir uns auf ein Textfeld konzentrieren, sollten wir auch in die Ansicht scrollen

function setFocusToTextBox(){
    var textbox = document.getElementById("yourtextbox");
    textbox.focus();
    textbox.scrollIntoView();
}

Schau, ob es hilft.

Answer 4

Wenn dein Code ist:

Und wenn du JQuery verwendest, kannst du auch dies benutzen:

function setFocusToTextBox(){
    $("#mytext").focus();
}

Denke daran, dass du zuerst das Input zeichnen musst $(document).ready()

Answer 5

Für einfachen Javascript, versuchen Sie es mit folgendem:

window.onload = function() {
  document.getElementById("TextBoxName").focus();
};