資料結構
網路
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 次瀏覽
廣告