HTML | DOM 输入日期所需属性

Input Date required 属性用于设置或返回在提交表单之前是否必须填写日期字段。
HTML required 属性用于反映 Input Date required 属性。
句法：

• 返回所需的属性：

dateObject.required

• 设置所需的属性：

dateObject.required = true|false

适当的价值：

• true|false ：用于指定日期字段是否应为表单提交的必需部分。

返回值：它返回一个布尔值，表示输入日期字段是否需要。

下面的程序说明了 Date required 属性：
示例 1：确定在提交表单之前是否必须填写日期字段。

html

 

    Input Date required Property in HTML
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

 
    GeeksforGeeks
    Input Date required Property
    
 
    
        Date of Birth:
        
        
    
 
     
 
To find out if the date field must be filled out
      before submitting the form, double-click the "Check" button.
 
 
 
    Check
 
    
 
 
 
    
        function My_Date() {
            var d = document.getElementById("Test_Date").required;
            document.getElementById("test").innerHTML = d;
        }
    
 

 

输出：

点击按钮后：

示例 2：下面的代码设置日期所需的属性。

HTML

 

    Input Date required Property in HTML
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

 
    GeeksforGeeks
    Input Date required Property
    
 
    
        Date of Birth:
        
        
    
 
     
 
To set the date required propertydoutle-click the "set" button.
 
 
 
    Set
 
    
 
 
 
    
        function My_Date() {
            var d = document.getElementById("Test_Date").required = "false";
            document.getElementById("test").innerHTML = d;
        }
    
 

 

                                          

输出：

点击按钮后：

支持的网络浏览器：

• 苹果Safari
• IE浏览器
• 火狐
• 谷歌浏览器
• 歌剧