HTML DOM Input Week 对象

htmlweb developmentfront end technology更新于 2025/9/5 9:16:17

HTML DOM Input Week 对象表示类型为 week 的 HTML 输入元素。

语法

以下是语法 −

创建类型为 Week 的 <input> 元素

var weekObject = document.createElement(“INPUT”);
weekObject.type = “week”;

属性

此处，“weekObject” 可以具有以下属性 −

属性	描述
autocomplete	定义"周"字段的自动完成属性值
autofocus	定义"周"字段是否应在初始页面加载时聚焦。
defaultValue	设置/返回"周"字段的默认值
disabled	定义"周"字段是否禁用/启用
form	返回包含"周"字段的封闭表单的引用
max	返回/设置"周"max属性值field
min	返回/设置 week 字段 min 属性的值
name	定义 week 字段 name 属性的值
readOnly	定义 week 字段是否只读
required	定义 week 字段是否必须填写才能提交表单
step	定义 week 字段 step 属性的值
type	返回 week 字段的表单元素类型
value	定义 week 的 value 属性的值字段

方法

以及以下方法 −

booleanValue	详细信息
stepDown	定义"周"字段应减少的周数。
stepUp	定义"周"字段应增加的周数。

示例

让我们看一个输入周表单属性的示例 −

<!DOCTYPE html>
<html>
<head>
<title>Input Week form</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form id="Mid-Term">
<fieldset>
<legend>Week-form</legend>
<label for="WeekSelect">Examination Week:
<input type="week" id="WeekSelect" value="2019-W36">
</label>
<input type="button" onclick="showExamination()" value="What exams are in this week? ">
<div id="divDisplay"></div>
</fieldset>
</form><script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   function showExamination() {
      divDisplay.textContent = 'Examinations: '+inputWeek.form.id;
   }
</script>
</body>
</html>