数据结构
网络
关系型数据库管理系统
操作系统
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 属性提到的，这些属性限制了输入。
更新于: 2023年10月11日
274 次浏览
广告