資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究HTML5 中真的存在 input type week 嗎？
<input> 標籤用於指定使用者可輸入資料的欄位。<input> 元素是最重要的表單元素之一。根據 type 屬性的不同，<input> 元素可以以多種不同的方式呈現。
input 元素由於其 type 屬性的值為“week”，因此表示一個用於輸入星期的欄位。這些欄位可以透過允許使用者以圖形方式更新它的控制元件（例如日曆）在支援的瀏覽器中呈現，而不是要求使用者以字串的形式輸入值。
讓我們深入本文，進一步討論 HTML5 中 input type week 是否真的存在。
<input type = week>
帶有 type=week 屬性的 <input> 標籤可以建立一個輸入欄位，用於輸入星期和年份值。此區域內有一個日曆圖示。單擊此圖示會啟用星期/年份選擇器。每個瀏覽器都有自己獨特的控制元件使用者介面。瀏覽器支援參差不齊。星期欄位也允許手動輸入星期和年份格式的值。
語法
以下是 HTML input type=week 的語法。
<input type="week">
讓我們看看以下示例，以便更好地理解 input type=”week”。
示例
在以下示例中，我們只是建立了一個帶有星期控制元件的 <form>。
<!DOCTYPE HTML>
<html>
<body>
<form action="#" target="_blank">
<p>Choose Week:<input type="week" name="weekend">
<input type="submit" value="SEND"></p>
</form>
</body>
</html>
輸出
當指令碼執行時，它將生成一個輸出，其中包含一個輸入欄位，允許使用者手動選擇星期或使用提供的日曆選擇，因為輸入欄位設定為 type=week。
示例
考慮以下示例，我們使用 <datalist> 元素提供建議值。
<!DOCTYPE HTML>
<html>
<body>
<form action="#" method="post" target="_blank">
<p>Select Week For Vacation:<input type="week" name="week" list="weeklist">
<input type="submit" value="SEND">
</p>
</form>
<datalist id="weeklist">
<option value="2016-W52">
<option value="2016-W12">
<option value="2017-W03">
<option value="2018-W05">
<option value="2018-W06">
</datalist>
</body>
</html>
輸出
執行上述指令碼後，它將生成一個輸出，其中包含一個輸入欄位，允許使用者選擇星期，並使用指令碼中提供的 <datalist> 元素中的建議值。
示例
檢視以下示例，我們使用 min 和 max 屬性來限制使用者可以輸入的值。
<!DOCTYPE HTML>
<html>
<body>
<form action="#" target="_blank">
<p>Choose Week:<input type="week" name="selectedweek" min="2017-W04" max="2017-W15">
<input type="submit" value="SEND">
</p>
</form>
</body>
</html>
輸出
當指令碼執行時，它將生成一個輸出，其中包含一個輸入欄位，允許使用者選擇星期，並且應該從特定的星期開始選擇，因為它是使用 min 和 max 屬性提到的，這些屬性限制了輸入。
274 次瀏覽
