数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM 输入日期类型属性
HTML DOM 输入日期类型属性返回/设置输入日期的类型。
语法
以下是语法 −
- 返回字符串值
inputDateObject.type
- 把 type 设置为字符串值
inputDateObject.type = stringValue
字符串值
此处，“stringValue”可以是以下内容 −
| stringValue | 详细信息 |
|---|---|
| date | 它定义输入类型为日期 |
| radio | 它定义输入类型为单选框 |
| checkbox | 它定义输入类型为复选框 |
示例
我们来看一个输入日期类型属性的示例 −
<!DOCTYPE html>
<html>
<head>
<title>Input Date type</title>
</head>
<body>
<form>
<div>
Calendar: <input type="date" id="dateSelect" value="2017-05-01">
</div>
</form>
<button onclick="changeType()">Change Type</button>
<div id="divDisplay"></div>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputDate = document.getElementById("dateSelect");
divDisplay.textContent = 'Input type: '+ inputDate.type;
function changeType(){
if(inputDate.type === 'date'){
var currDate = inputDate.value;
inputDate.type = 'text';
inputDate.value = currDate;
}
divDisplay.textContent = 'Input type: '+ inputDate.type;
}
</script>
</body>
</html>输出
这将输出以下内容 −
点击“更改类型”按钮之前 −
点击“更改类型”按钮之后 −
更新时间： 15-06-2020
82 次浏览
广告