HTML DOM 輸入日期/時間自動對焦屬性
HTML DOM Input Datetime autofocus 屬性設定/獲取初始頁面載入後是否自動聚焦輸入日期/時間。
語法
以下是語法 -
- 返回布林值 - true/false
inputDatetimeObject.autofocus
- 將 autofocus 設定為布林值
inputDatetimeObject.autofocus = booleanValue
布林值
此處,“布林值”可以是以下內容 -
布林值 | 詳細說明 |
---|---|
true | 此屬性定義在頁面載入後輸入內容將自動聚焦。 |
false | 這是預設值,並且輸入內容不會自動聚焦。 |
示例
讓我們看看一個輸入日期/時間自動聚焦屬性的例子 -
<!DOCTYPE html> <html> <head> <title>Input Datetime Autofocus</title> </head> <body> Date & Time: <input type="datetime" id="Datetime" value="1998-04-09T12:48IST" autofocus> <button onclick="removeAutoFocus()">Remove Auto Focus</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputDatetime = document.getElementById("Datetime"); divDisplay.textContent = 'Autofocus: '+inputDatetime.autofocus function removeAutoFocus() { if(inputDatetime.autofocus == true){ inputDatetime.autofocus = false; divDisplay.textContent = 'Autofocus: '+inputDatetime.autofocus } } </script> </body> </html>
輸出
將產生以下輸出 -
在單擊 ’刪除自動聚焦’ 按鈕之前 -
在單擊 ’刪除自動聚焦’ 按鈕之後 -
廣告