如何仅使用 HTML 创建表单验证？

在 Web 开发中，我们经常使用 JavaScript 和 HTML 来验证表单，但我们也可以通过以下方式通过 HTML 来做同样的事情。

• HTML 必需属性
• HTML 类型属性
• HTML 模式属性

HTML required Attribute：在HTML的input标签中，我们可以通过“required attribute”来指定。它通知浏览器（支持 HTML5）该字段不能留空。浏览器在此实现方面各不相同，有些浏览器会在框上显示阴影，有些浏览器会显示警告。

• 例子：

  
  
    
  
      
  
    
  
      
  This is a form
      
  
          
  Name:
          
          
  Email:
          
          
  Address:
          
          
  
          
            Submit
          
      
    
  
    
  
  

• 输出：
  

HTML type 属性：在input标签中，如果我们要求用户输入他们的email-id，我们可以将type属性设置为email，同样适用于数字、日期或URL。与 required 属性类似，不同的浏览器有不同的实现。

• 例子：

  
  
    
  
      
  
    
  
      
  This is a form
      
  
          
  URL:
          
          
  Email:
          
          
  Phone Number:
          
          
  
          
            Submit
          
      
    
  
    
  
  

• 输出：
  

HTML 模式属性：我们已经知道，除了使用默认规则，我们还可以设置我们的规则，如 URL、日期或价格等模式。

• 例子：

  
  
    
  
      
  
    
  
      
  This is a form
      
  
          
  URL:
          
          
  Date1:
          
          
  
          
            Submit
          
      
  
    
  
  

•