如何将焦点设置到第一个表单域？

在本文中，我们将讨论如何将焦点设置在第一个表单字段上。通过将焦点设置在第一个表单字段上，我们指示用户从哪里开始。它增加了网页中表单的可读性。有多种方法可以做到这一点，我们将用合适的例子来解释其中的两种。

• 使用 HTML 自动对焦属性
• 在 JavaScript 中使用 focus() 方法

方法 1：使用 HTML 自动对焦属性。 Autofocus 是一个布尔属性，与表单中的 元素一起使用。当页面加载时，表单域会自动聚焦。

例子：

HTML

  

    

  

    

        Welcome to GFG
    
    
        

            Email id: 
            


  
            Password: 
            


              
            Submit
        
    

  

输出：

方法 2 ：在 JavaScript 中使用 focus() 方法。 focus() 方法可用于将自动和手动焦点设置到指定的表单字段。您可以在此处阅读有关此方法的更多信息。

例子：

HTML

  

    Set focus to the first form field

  

    
        Welcome to GFG
    
    
        
            Email id:  
            
              
            Password: 
            
              
            Submit
        
    
      
    
        window.onload = function () {
            document.getElementById("input1").focus();
        };
    

  

输出：