当前位置: 首页>>代码示例>>用法及示例精选>>正文


HTML DOM Input Week用法及代码示例

HTML DOM中的Input Week对象表示类型为“time”的<input>元素。可以使用getElementById()方法访问该元素。

用法:

document.getElementById("id");

将id分配给<input>标签的位置。

属性值:

  • list:它返回包含星期字段的数据列表的引用。
  • form:它返回包含星期字段的表单的引用。
  • autocomplete:它用于设置或返回一周字段的自动完成属性的值。
  • autofocus:它用于设置或返回页面加载时星期字段是否应自动获得焦点。
  • defaultvalue:它用于设置或返回一周字段的默认值。
  • disabled:它用于设置或返回是否禁用星期字段。
  • max:它用于设置或返回一周字段的max属性值。
  • min:它用于设置或返回一周字段的min属性的值。
  • name:它用于设置或返回星期字段的名称属性的值。
  • readOnly:它用于设置或返回星期字段是否为只读。
  • required:它用于设置或返回在提交表单之前是否必须填写周字段。
  • size:用于设置或返回星期字段的size属性的值。
  • type:它返回Week字段所属的表单元素的类型。
  • value:它用于设置或返回星期字段的value属性的值。

范例1:本示例描述了getElementById()方法,该方法用于访问type = “week”属性的<input>元素。



<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            DOM Input Week Object  
        </title> 
    </head>  
      
    <body>  
        <center>  
            <h1 style = "color:green;">  
                GeeksForGeeks  
            </h1>  
              
            <h2>DOM Input Week Object</h2>  
                  
            <label for = "uname" style = "color:green"> 
                <b>Enter week</b> 
            </label> 
              
            <input type = "week" id = "gfg" 
                placeholder = "Enter week"> 
              
            <br><br> 
                  
            <button type = "button" onclick = "geeks()">  
                Click 
            </button>  
              
            <p id = "GFG"></p> 
              
            <script>  
                function geeks() {  
                    var link = document.getElementById("gfg").value;  
                    document.getElementById("GFG").innerHTML = link; 
                }  
            </script>  
        </center> 
    </body>  
</html>                    

输出:
之前单击按钮:

范例2:此示例描述了document.createElement()方法,用于创建具有type = “week”属性的<input>元素。

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            DOM Input Week Object  
        </title> 
    </head>  
      
    <body>  
        <center>  
            <h1 style = "color:green;">  
                GeeksForGeeks  
            </h1>  
              
            <h2>DOM Input Week Object</h2>  
                  
            <label for = "uname" style = "color:green"> 
                <b>Enter week</b> 
            </label> 
              
        <p id = "GFG"></p> 
              
          
            <button type = "button" onclick = "geeks()">  
                Click 
            </button>  
              
            <!-- script to create week object -->
            <script>  
                function geeks() { 
                      
                    /* Create input element  */ 
                    var link = document.createElement("INPUT"); 
                      
                    /* Set the type attribute */ 
                    link.setAttribute("type", "week"); 
                      
                    /* Append node value */ 
                    document.getElementById("GFG").appendChild(link); 
                }  
            </script>  
        </center> 
    </body>  
</html>                                          

输出:
之前单击按钮:

之前单击按钮:




相关用法

注:本文由纯净天空筛选整理自bestharadhakrishna大神的英文原创作品 HTML | DOM Input Week Object。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。