資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會學
時尚學
法律學HTML DOM 輸入日期 required 屬性
HTML DOM 輸入日期 required 屬性用來判斷輸入日期是否必須設定。
語法
以下為其語法 −
- 返回布林值 - true/false
inputDateObject.required
- 將 required 設為 booleanValue
inputDateObject.required = booleanValue
布林值
此處，“booleanValue”可以是以下值 −
| booleanValue | 詳細資訊 |
|---|---|
| true | 表示必須設定日期欄位才能提交表單。 |
| false | 此為預設值，表示設定日期欄位並非必須。 |
示例
讓我們來看一個 輸入日期 required 屬性的示例 −
<!DOCTYPE html> <html> <head> <title>Input Date required</title> </head> <body> <form> <div> Name: <input type="text" name="fullName"> </div> <div> Date of Birth: <input type="date" id="dateSelect" required> </div> </form> <button onclick="submit()">Confirm</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputDate = document.getElementById("dateSelect"); function submit() { if(inputDate.required==true && inputDate.value==='') divDisplay.textContent = 'DOB required'; else divDisplay.textContent = 'Details Received'; } </script> </body> </html>
輸出
顯示以下輸出 −
點選 “確認” 按鈕 −
點選 “確認” 按鈕後，同時設定日期欄位的值 −
更新於: 2019-07-30
114 次瀏覽
廣告