如何在HTML中使用佔位符來顯示文本當前日期

-2

<html> 
<body> 
Date: <input type="text" id="txt" placeholder=" "/> 
</body> 
</html>

我應該placehoder引號內指定什麼，這樣我可以在我的文本框查看當前的日期如何在HTML中使用佔位符來顯示文本當前日期

來源

2014-12-27 mourya gm

你甚至試過研究這個嗎？在這裏發佈問題之前，你需要做的很多事情 – charlietfl 2014-12-27 18:40:18

這些都是soultions的一個如何顯示當前的日期文本框：

1. JavaScript解決方案

<!DOCTYPE html> 
<html> 
<body onload="myFunction()"> 


Date: <input type="text" id="demo"/> 

<script> 
function myFunction() { 
document.getElementById('demo').value= Date(); 
} 
</script> 
</body> 
</html>

EDIT

而不是值，通過ID以同樣的方式，你可以設置placeholder如你所願：

document.getElementById('demo').placeholder= Date();

2. JQUERY SOLUTION

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 
<body onload="myFunction()"> 


Date: <input type="text" id="demo"/> 

<script> 
function myFunction() { 

$(document).ready(function(){ 
    $('#demo').attr("placeholder", Date()); 
}); 

} 
</script> 
</body> 
</html>

我認爲這會幫助你。

來源

2014-12-27 18:53:19 arman1991

謝謝，我知道如果我使用日期函數的值顯示在文本框..但我希望文本框的值消失，只要用戶點擊texbox.datsy我喜歡用placeholer.Coz如果我使用由u建議的值，則用戶單擊文本框日期值仍然是der.I只是希望當前日期反映在文本框中作爲默認值，並在用戶點擊後立即消失在它上面...... – 2014-12-28 09:53:07

我明白了，我認爲這就是你想看到的解決方案。我只是用相同的方式設置佔位符而不是價值... – arman1991 2014-12-28 11:10:58

@ arman1991我們如何改變文本框內的日期格式？我只需要dd/mm/yyyy – frank 2017-07-25 06:58:24

如何在HTML中使用佔位符來顯示文本當前日期

回答

相關問題