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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。