jQuery |在页面加载时将焦点设置在表单输入文本字段上

任务是使用 JQuery 将焦点设置在表单输入文本字段上。为此，以下是讨论的一些最常用的技术。
首先需要讨论 focus() 方法。

• jQuery focus() 方法：
  焦点事件发生在元素获得焦点时（通过鼠标单击或“选项卡导航”选择）。
  该方法触发焦点事件，或者添加一个函数在焦点事件发生时运行。
  句法：
  • 触发选定元素的焦点事件：

    $(selector).focus()
    

  • 将函数附加到焦点事件：

    $(selector).focus(function)
    

  参数：

  • 函数：此参数是可选的。它指定发生焦点事件时要执行的函数。

示例 1：在此示例中，表单输入文本字段通过使用focus() 方法在页面加载时获得焦点。这里输入元素是通过 JQuery 选择器中的 input 关键字选择的。

  

    
        JQuery 
      | Set focus on a form input text field on page load.
    
    
    

  

      
            GeeksForGeeks  
        
    
        This input box gets the focus as the page loads.
    
    
        Input :
        
    
    
    
    
    
        $("input:text").focus();
    

  

输出：

• 页面加载前：
  
• 页面加载后：
  

示例 2：在此示例中，表单输入文本字段通过使用focus() 方法在页面加载时获得焦点。这里输入元素是通过表单元素的id和 JQuery 选择器中自己的id来选择的。

  

    
        JQuery 
      | Set focus on a form 
      input text field on page load.
    
    
    

  

      
            GeeksForGeeks  
        
    
        This input box gets the
      focus as the page loads.
    
    
        Input :
        
    
    
    
    
    
        $("#form #form_input").focus();
    

  

输出：

• 页面加载前：
  
• 页面加载后：