如何使用 HTML5 将电子邮件地址插入表单？

在本文中，我们将学习如何通过添加电子邮件输入字段来添加和获取用户的电子邮件地址作为表单数据。众所周知，email_id 是用户数据的重要组成部分。电子邮件地址用于验证用户。它还用于直接与提交者联系。

方法：要完成此任务，我们必须遵循以下步骤-

• 创建一个包含 标记的 HTML 文档。
• 将 type 属性与设置为值“email”的 元素一起使用。

句法

示例 1：在此示例中，我们正在创建一个包含电子邮件 ID（用户名）和密码的表单。

HTML

 

    
 
    

 

    
GeeksForGeeks
 
    

        How to add an Email Address
        into a Form using HTML5
    
    

        User_id:
        >
        

 
        Address:
        
        

         
        Log IN
    

 

输出：

示例 2：在此示例中，我们正在创建一个电子邮件类型的输入字段。

HTML

 

    
 
    

 

    
GeeksForGeeks
 
    

        How to add an Email Address
        into a Form using HTML5
    
    

        Email Address:
        >
        

        

         
        submit
    

 

输出：