如何在 HTML 5 中为输入类型日期设置占位符值？

placeholder 属性不适用于输入类型 Date，因此将任何值作为占位符放置在输入类型 Date 中。您可以在输入字段中使用 onfocus=”(this.type=’date’) 。因为您需要为输入类型“日期”提供自定义占位符值，并且您有一个下拉日历，用户可以从中选择日期。

句法：

onfocus="(this.type='date')"

下面的例子说明了上述方法：

示例 1：

  

    

      

      
    
GeeksforGeeks
      
    
Placeholder value for input type="Date"
      
    
    Starting Date:
    
      
    
    Ending Date:
    

  
                   

输出：

注意：点击左边的字段后，我们得到了dd/mm/yyyy框，再次点击后我们得到了日历下拉菜单。这是因为输入框实际上是一个“文本”输入，但是在点击它（即聚焦于它）时，我们得到了数据类型输入。但是右边的字段是普通的文本输入字段。

示例 2：当您失去对日期的关注时，日期字段会变回文本字段。

  

    

  

      
    
GeeksforGeeks
      
    
Placeholder value for input type="Date"
      
    
    Starting Date:
    
      
    
    Ending Date:
    

  
  

输出：

• 如我们所见，我们可以根据需要修改占位符文本。一键，我们得到标准的日期输入字段，我们可以输入日期：
  
• 输入日期后，如下所示：
  
• 失去焦点后，由于我们引入的 onblur 事件，它会变回文本字段：
  

HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。