如何在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中使用占位符来显示文本当前日期

回答

相关问题